header{display:grid;grid-template-columns:auto 100px 375px 75px 95px 95px 95px 135px 120px 110px auto;grid-template-rows:2px 30px 60px 40px 50px 260px}header .logo{grid-column-start:3;grid-column-end:span 1;grid-row-start:2;grid-row-end:span 3}header nav{grid-column-start:6;grid-column-end:span 5;grid-row-start:1;grid-row-end:span 2}header nav ul{display:flex;flex-direction:row;list-style:none;padding:0}header nav ul li{margin-top:40px;padding-right:40px}header nav ul li a{position:relative;color:#ff6100;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;text-decoration:none;font-size:1.2rem;font-weight:700}header nav ul li a:hover{color:#ff6100;text-decoration:none}header nav ul li a:hover:before{content:"";position:absolute;top:-42px;height:40px;width:100%;background:#ff6100}header .accent{grid-column-start:5;grid-column-end:span 6;grid-row-start:4;grid-row-end:span 3;background:url(/img/couple-sleep-100.jpg);background-repeat:no-repeat;background-size:cover}header .title{grid-column-start:2;grid-column-end:span 4;grid-row-start:6;grid-row-end:span 1;background-color:#0045cd;padding-top:50px;padding-left:100px;padding-right:95px;color:#fff}header .title h1{color:#fff;font-weight:700}header .title h1 small{font-size:1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.hamburger-menu{width:1200px;margin-left:auto;margin-right:auto}@media (max-width: 1240px){header{grid-template-columns:auto 85px 319px 64px 81px 81px 81px 115px 102px 94px auto;grid-template-rows:2px 26px 51px 34px 43px 221px}.hamburger-menu{width:1020px;margin-left:auto;margin-right:auto}}@media (max-width: 1024px){header{grid-template-columns:auto 72px 272px 53px 69px 69px 69px 98px 87px 79px auto;grid-template-rows:2px 26px 51px 34px 43px 221px}.hamburger-menu{width:868px;margin-left:auto;margin-right:auto}}@media (max-width: 900px){header{grid-template-columns:auto 61px 232px 45px 58px 58px 58px 83px 74px 67px auto;grid-template-rows:2px 26px 51px 34px 43px 221px}.hamburger-menu{width:736px;margin-left:auto;margin-right:auto}}@media (max-width: 768px){header{grid-template-columns:auto 52px 197px 38px 49px 49px 49px 70px 63px 57px auto;grid-template-rows:2px 26px 51px 34px 43px 221px}.hamburger-menu{width:624px;margin-left:auto;margin-right:auto}}@media (max-width: 650px){.hamburger-menu{width:100%;margin-left:auto;margin-right:auto}header{grid-template-columns:auto 100vw auto;grid-template-rows:auto auto}header nav{display:none}header .logo{grid-column-start:2;grid-column-end:span 1;grid-row-start:1;grid-row-end:span 1;padding:1rem}header .accent{display:none}header .title{grid-column-start:2;grid-column-end:span 1;grid-row-start:2;grid-row-end:span 1;padding:3rem 1rem}.navigation-menu{overflow:hidden;position:relative;border-bottom:1px solid #e7e7e7}.main-navigation{display:none;padding-left:0}.main-navigation{list-style:none}.main-navigation li{margin:15px auto;text-align:center}.main-navigation a{color:#0045cd}}.main-navigation a:hover{color:#ff6100;transition:.3s ease}.hamburger-icon{margin:5px 30px 5px 5px;cursor:pointer;font-size:25px;color:#0045cd}#menu-toggle{display:none}#menu-toggle:checked+.main-navigation{display:block}@media screen and (min-width: 650px){.navigation-menu{height:50px;display:flex;align-items:center;border-bottom:1px solid #e7e7e7}.main-navigation{display:flex;flex-direction:row;justify-content:flex-end;list-style:none;margin:0}.main-navigation a{position:relative;color:#ff6100;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;text-decoration:none;font-size:1.2rem;font-weight:700;margin-left:2rem}.main-navigation a:hover{color:#ff6100;text-decoration:none}.main-navigation a:hover:before{content:"";position:absolute;top:-42px;height:40px;width:100%;background:#ff6100}.hamburger-icon{display:none}#menu-toggle:checked+.main-navigation{display:flex}}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){video{zoom:1;width:640px;height:360px}header{display:flex;width:1200px;margin-left:auto;margin-right:auto;flex-wrap:wrap}header .logo{flex:1 1 900px}header .logo img{width:250px}header .accent{flex:1 1 50%;background:url(/img/couple-sleep-100.jpg)}header .title{flex:1 1 50%;background-color:#0045cd;padding-top:50px;padding-left:100px;padding-right:95px;color:#fff}}