header{width: 100%;height: fit-content;display: flex;justify-content: center;position: relative; z-index: 10; padding: 30px 0px 0px 0}
.logo-img{width: 40%;;aspect-ratio: 181/53;padding: 10px 0; cursor: pointer;}
nav{height: fit-content;width: 85%;padding: 0 10px;display: flex;justify-content: space-between;max-width: 1600px; min-width: 295px; }
.nav-menu{display: none;}
.nav-login{display: none;}
.burger{display: flex; width: 15%; flex-direction: column; justify-content: center; align-items: end; gap: 20%;}
.burger-small{width: 60%; border: 1px solid white;}
.burger-big{width: 80%; border: 1px solid white;}


@media(min-width: 800px){
    header{background: #0B0B0B;padding: 0;}
    .logo-img{width: 11%; min-width: 80px;}
    .burger{display: none;}
    nav{width: 90%;}
    .nav-menu{display: grid; width: 60%; min-width: 400px; grid-template-columns: repeat(6, auto); justify-content: space-between; max-width: 570px;}
    .nav-menu-item{color: white; text-decoration: none; font-family: "Mont-Regular"; font-size: clamp(12px, 1.2vw, 16px); height: 100%; align-items: center; display: flex; flex-wrap: nowrap; justify-content: center;width: fit-content; transition: all .5s ease; border-bottom: 1px solid transparent;}
    .nav-menu-item:hover{border-bottom: 1px solid white;}

    .nav-menu-item.active{border-bottom: 1px solid white;}
    .nav-login{display: flex;  display: flex; align-items: center; width: 20%; justify-content: space-between; min-width: 180px; max-width: 220px;}
    .nav-login-reg{height: fit-content;font-family: "Mont-Bold";font-size: 16px; padding: clamp(3px, 0.5vw + 0.4px, 9px) clamp(5px, 0.7vw + 0.4px, 15px); border-radius: 70px; color: white; border: 1px solid #FFFFFF; background: transparent;}
    .nav-login-in{height: fit-content;font-family: "Mont-Bold";font-size: 16px; padding: clamp(3px, 0.5vw + 0.4px, 9px) clamp(5px, 0.7vw + 0.4px, 15px); border-radius: 70px; color: white; background: linear-gradient(-135deg, #00571D 0%, #87C212 100%); border: 1px solid #093F0F;}
}

@media(min-width: 1280px){
    .nav-login{max-width: 373px;}
    .nav-login-reg{font-size: 18px; padding: clamp(9px, 0.3vw + 0.4px, 10px) clamp(15px, 0.4vw + 0.4px, 20px);}
    .nav-login-in{font-size: 18px; padding: clamp(9px, 0.3vw + 0.4px, 10px) clamp(15px, 0.4vw + 0.4px, 20px);}
    .nav-login{min-width: auto; width: fit-content; gap: 10px;}
    .logo-img{max-width: 180px;}
    nav{width: 80%; }
}