.header{display:flex;justify-content:space-between;align-items:center;background-color:#036;color:#fff;padding:20px}.brand h1{margin:10px;font-size:2rem}.nav{display:flex;justify-content:flex-end;align-items:center}.nav ul{display:flex;width:50vw;justify-content:space-around;list-style:none;font-size:1.5rem;margin:0;padding:0}.nav li{margin:0 15px;cursor:pointer}.nav li:hover{color:#c50}.btn{font-size:1.5rem;border-radius:5px}.btn:hover{background-color:#000;color:#fff}.menu-btn{display:none}.nav.open{display:block}.menu-btn.open .menu-btn__burger:before{margin-top:8px}.menu-btn.open .menu-btn__burger:after{margin-top:-8px}@media (max-width:768px){.brand h1{font-size:1.2rem}.nav{display:none;align-items:flex-start;position:absolute;top:80px;left:0;width:100%;background-color:#036}.nav,.nav.open ul{flex-direction:column}.nav.open ul{display:flex;width:100vw;height:20vh;justify-content:space-evenly;align-items:center;margin-bottom:20px}.nav li{margin:15px 0}.menu-btn{display:block;cursor:pointer}}*{margin:0;padding:0}