a{text-decoration:none;color:inherit;}
ul{list-style:none;}
.container{
    width:100%;
    max-width:1200px;
    margin:auto;
}



/* HEADER */
.header{background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.1);position:sticky;top:0;z-index:1000;}
.header .container{display:flex;align-items:center;justify-content:space-between;padding:0.8rem 0;}



.hamburger{display:none;flex-direction:column;gap:4px;cursor:pointer;}
.hamburger span{width:25px;height:3px;background:#333;transition:.1s;}















/* MOBILE */
@media (max-width:768px){
  .hamburger{display:flex; padding-right: .8rem;}
  .nav ul{
    position:fixed;
    top:0;
    right:-100%;
    width:70%;
    height:100vh;
    background:#fff;
    flex-direction:column;
    justify-content:center;
    /* align-items:center; */
    transition:.15s;
    box-shadow:-5px 0 15px rgba(0,0,0,.1);
}
  .nav ul.active{right:0;}
  .nav ul li{margin:1.5rem 0;text-align:center;}
}