.burger{    width:30px;     height:30px;    position:fixed;    top:0;    left:-100px;    font-size:15px;    line-height:30px;    background:none;    z-index:50000;     }button.burger #menu {    width:30px;     height:30px;     position:absolute;     top:0;     left:0;     color:rgba(255,255,255,0.96);     background-color:rgba(49,49,49,0.30);    opacity:1;    -webkit-transition:all 0.3s ease;       -moz-transition:all 0.3s ease;         -o-transition:all 0.3s ease;            transition:all 0.3s ease;    -webkit-transition-property:all;    -webkit-transition-duration:0.3s;    -webkit-transition-timing-function:ease;}button.burger #close {    width:30px;     height:30px;     position:absolute;     top:0;     left:0;     color:rgba(49,49,49,0.80);    opacity:0;    -webkit-transition:all 0.4s ease;       -moz-transition:all 0.4s ease;         -o-transition:all 0.4s ease;            transition:all 0.4s ease;    -webkit-transition-property:all;    -webkit-transition-duration:0.4s;    -webkit-transition-timing-function:ease;}.burger.open #menu {    opacity:0;}.burger.open #close {    opacity:1;    }.header-responsive {     width:100%;    height:auto;    position:fixed;    top:0;    left:-1000px;    display:none;    background-color:rgba(255,255,255,0.96);    z-index:1000;    -webkit-transition:all 0.3s ease;       -moz-transition:all 0.3s ease;         -o-transition:all 0.3s ease;            transition:all 0.3s ease;    -webkit-transition-property:all;    -webkit-transition-duration:0.3s;    -webkit-transition-timing-function:ease;}.header-responsive.open {    left:0;}.header-responsive .nav-item {    height:auto;    top:0;    margin:0 15px;    text-align:center;    background-image:none;}.header-responsive .nav-button {    margin-top:0;    padding:0;}.header-responsive .nav-button h3 {    margin-top:0;}@media (min-width: 320px) and (max-width: 480px) {    .header-main {        display:none;    }    .header-scroll {        display:none;    }    .burger {        left:0;    }    .header-responsive {        display:-ms-flexbox;    display:-webkit-flex;    display:        flex;    -webkit-flex-direction:column;            flex-direction:column;    -webkit-justify-content:space-around;            justify-content:space-around;            }    .header-responsive .nav-item {        width:auto;        margin:0;    }    .header-responsive .nav-button {        width:auto;    }    .header-responsive .nav-button h3 {        font-size:14px;    }    .responsive-logo-wrap {        width:30vw;        height:30vw;        margin:40px 35vw;        opacity:1;    }    .responsive-logo-wrap .logo .logo-svg {        fill:white;    }    .page-title {        font-size:9px;        bottom:70px;    }    .hero {        background-attachment:scroll;        background-repeat:no-repeat;    }    }@media (min-width: 481px) and (max-width: 568px) {    .header-main {        display:none;    }    .header-scroll {        display:none;    }    .burger {        left:0;    }    .header-responsive {        display:-ms-flexbox;    display:-webkit-flex;    display:        flex;    -webkit-flex-direction:column;            flex-direction:column;    -webkit-justify-content:space-around;            justify-content:space-around;            }    .header-responsive .nav-item {        width:auto;        margin:0;    }    .header-responsive .nav-button {        width:auto;    }    .header-responsive .nav-button h3 {        font-size:16px;        line-height:40px;    }    .responsive-logo-wrap {        width:24vw;        height:24vw;        margin:45px 38vw;        opacity:1;    }    .responsive-logo-wrap .logo .logo-svg {        fill:white;    }    .page-title {        font-size:11px;        bottom:100px;    }    .hero {        background-attachment:scroll;        background-repeat:no-repeat;    }}@media (min-width: 569px) and (max-width: 736px) {    .header-main {        height:160px;    }    .logo-wrap {        width:90px;        height:90px;    }    .nav-item {        width:80px;        height:80px;        margin:40px 10px 5px;    }    .nav-button {        width:80px;        padding:0px;        font-size:0.8em;    }    .nav-button h3 {        margin-top:80px;        line-height:30px;    }    .hero {        background-attachment:scroll;        background-repeat:no-repeat;    }}@media (min-width: 737px) and (max-width: 1024px) {    .header-main {        height:220px;    }    .logo-wrap {        width:120px;        height:120px;    }    .nav-item {        width:100px;        height:100px;        margin:50px 10px 5px;    }    .nav-button {        width:100px;        padding:0px;        font-size:1em;    }    .nav-button h3 {        margin-top:100px;        line-height:30px;    }    .hero {        background-attachment:scroll;        background-repeat:no-repeat;    }    }	@media only screen and (min-device-pixel-ratio: 2) {    .hero {        background-attachment:scroll;        background-repeat:no-repeat;    }}