*{box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}body{display:flex;flex-direction:column;min-height:100vh;font-family:"Outfit",sans-serif;font-weight:400;font-optical-sizing:auto;width:375px}@media only screen and (min-width: 1024px){body{width:100%;font-size:32px;color:#fff}}main{flex:1;width:100%;margin:0 auto;min-height:75vh}@media only screen and (min-width: 1024px){main{width:100%}}li{list-style:none}a{text-decoration:none}footer{background-color:hsl(189,77%,40%);padding:1rem}.footer-wrapper{display:grid;grid-template-columns:auto;grid-template-rows:auto;justify-items:start;width:100%;height:300px;font-family:"Outfit",sans-serif;color:#fff;font-size:18px;font-optical-sizing:auto;letter-spacing:.25em}@media only screen and (min-width: 1024px){.footer-wrapper{display:grid;grid-template-columns:25% 25% 25% 25%;grid-template-rows:100%;height:400px}}.footer__address{grid-row:1/2;grid-column:1/1;justify-self:left}@media only screen and (min-width: 1024px){.footer__address{grid-column:1/1;grid-row:1/2;padding:0}}*{margin:0;padding:0;box-sizing:border-box}header{background-color:hsla(189,77%,40%,.85);height:150px;padding:1rem;position:fixed;width:375px}@media only screen and (min-width: 1024px){header{width:100%}}a{color:#fff}.navbar{display:flex;justify-content:right;align-items:center;padding:1rem 2rem 1rem 0;height:76px;width:375px;position:fixed;transition:.3s;z-index:1}@media only screen and (min-width: 1024px){.navbar{width:100%;height:132px;transition:none}}.navbar.active{opacity:1}.bar{display:block;width:25px;height:3px;margin:5px auto;transition:all .3s ease-in-out;background-color:#fff}.hamburger{display:block;cursor:pointer}@media only screen and (min-width: 1024px){.hamburger{display:none}}.hamburger.active .bar:nth-child(2){opacity:0}.hamburger.active .bar:nth-child(1){transform:translateY(8px) rotate(45deg)}.hamburger.active .bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.nav__menu{position:fixed;left:-100%;top:0;height:100vh;margin-top:76px;padding-top:80px;flex-direction:column;text-align:center;transition:.3s}@media only screen and (min-width: 1024px){.nav__menu{left:0;height:132px;width:100%;margin-top:0;padding-top:0;display:flex;flex-wrap:wrap;flex-direction:row;justify-content:flex-end;transition:none;float:right}}.nav__menu.active{margin-top:76px;left:0;width:375px;background-color:hsl(189,77%,40%)}.nav__item{line-height:80px}@media only screen and (min-width: 1024px){.nav__item{width:161px;height:27px;margin:50px 12px 50px 12px}}.nav__link{font-size:1.6rem;font-weight:400}.nav__link:hover{color:#708090}.nav__logo{font-size:40px;color:hotpink}li a .nav__link{display:block}.main__hero{width:375px}@media only screen and (min-width: 1024px){.main__hero{width:100%}}.main__hero>img{object-fit:cover;width:375px;height:50%}@media only screen and (min-width: 1024px){.main__hero>img{width:100%;height:100%}}.main__hero--text{padding:1rem;font-weight:400;font-size:25px;line-height:2em;text-align:center}@media only screen and (min-width: 1024px){.main__hero--text{width:100%;color:#000}}