// NOT TO BE CONFUSED WITH `1-base/_header-global.scss` SCSS MODULE // STYLES USED IN LANDING PAGE HEADER SECTIONS // SPECIFICALLY THE LARGE BACKGROUND IMAGE IN THE DESIGN // // Header styles for landing pages // ==========================================

.header__bg {

background-image: url('/assets/img/DSC_8724_4x3.jpg');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
height: 55%;
height: 55vh;

}

@media screen and (min-width: 1200px) {

.header__bg {
  height: auto;
}

}