*{margin:0;padding:0;box-sizing:border-box}header{justify-content:space-between;width:90%;margin:auto;height:20vh}.logo,header{display:flex;align-items:center}.logo{font-family:Lemon,cursive;color:#fff}.logo span:first-child{font-size:50px;font-weight:700}.logo span:last-child{font-size:30px;color:#000;margin-left:5px}nav ul{display:flex;justify-content:center;align-items:center;gap:20px;flex:2}nav ul li{list-style:none}nav ul li a{text-decoration:none;font-size:18px;color:#000;font-family:Arial,Helvetica,sans-serif;letter-spacing:1px;position:relative}nav ul li a.active,nav ul li a:hover{color:#84b74d}nav ul li a:after{content:"";position:absolute;width:0;height:2px;background:#84b74d;left:0;bottom:-5px;transition:.3s ease-in-out}nav ul li a:hover:after{width:100%}.btn{display:flex;justify-content:flex-end;flex:1}.contact{padding:12px 30px;border-radius:50px;border:none;color:#fff;background-color:#84b74d;font-size:18px;transition:background-color .3s ease}.contact:hover{background-color:#709746}@media (max-width:1200px){header{height:auto}header,nav ul{flex-direction:column}nav ul{align-items:center}.btn{margin-top:10px;justify-content:center;width:100%}}@media (max-width:768px){header{width:100%;padding:20px}nav ul{margin-top:10px;gap:15px}nav ul li{margin:10px 0}.logo{font-size:30px}.logo span:first-child{font-size:40px}.logo span:last-child{font-size:20px}.contact{padding:10px 20px;font-size:16px}}@media (max-width:480px){.btn,.logo,nav ul{flex-direction:column}.logo{font-size:25px}nav ul{gap:10px}.btn,nav ul{margin-top:10px}.btn{justify-content:center;width:100%}.contact{padding:8px 15px;font-size:14px}}