/* =========================================================
   HEADER IMAGE
   ========================================================= */
.header-image {

    width: calc(99% + 70px);

    margin-top: -25px;
    margin-left: -25px;
    margin-right: -25px;
    margin-bottom: 24px;

    overflow: hidden;
/* 
  border: 2px solid black;
    border-bottom-width: 5px;
*/
  border-radius: 8px 8px 0 0;

    box-sizing: border-box;
}

.header-image img {

    display: block;

    width: 100%;

    height: auto;

    max-width: none;

}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {

    .header-image {

        width: calc(100% + 4%);

        margin-top: -2%;

        margin-left: -2%;

        margin-right: -2%;

    }

}

/* =========================================================
   MOBILE
   ========================================================= */


@media (max-width: 767px) {


    .header-image {


        width: calc(100% + 6% + 4px);


        margin-top: -7%;


        margin-left: calc(-3% - 2px);


        margin-right: calc(-3% - 2px);


    }


}