html,
body {
    overflow-x: hidden;
    width: 100%;
}

* {
    box-sizing: border-box;
}

img,
video {
    max-width: 100%;
    height: auto;
}

/* ========================================
   TABLET
======================================== */

@media (max-width:1100px){

    body{
        padding-top:80px;
    }

    .header{
        height:80px!important;
    }

    .header-inner{
        display:flex!important;
        align-items:center;
        justify-content:space-between;
        padding:0 18px!important;
    }

    .logo{
        position:relative!important;
        left:0!important;
        top:0!important;
    }

    .logo img{
        height:82px!important;
        top:0!important;
        left:0!important;
    }

    .header.scrolled .logo img{
        height:72px!important;
        left:0!important;
    }

    .burger-menu{
        display:block!important;
    }

    .nav{
        top:80px!important;
        height:calc(100vh - 80px)!important;
        padding:35px 20px 120px!important;
    }

    .nav a{
        width:100%;
        text-align:center;
        font-size:1rem!important;
    }

    .header-icons{
        display:none!important;
    }
}

/* ========================================
   MOBILE GENERAL
======================================== */

@media (max-width:768px){

    h1{
        font-size:2rem!important;
        line-height:1.2;
    }

    h2{
        font-size:1.7rem!important;
    }

    p{
        font-size:1rem!important;
        line-height:1.7;
    }

    /* HERO FIX */

    .hero,
    .slider,
    .hero-slider{
        min-height:auto!important;
        height:auto!important;
    }

    .hero-content,
    .slide-content{
        width:100%!important;
        padding:20px!important;
    }

    iframe{
        width:100%!important;
    }
}

/* ========================================
   SMALL MOBILE
======================================== */

@media (max-width:480px){

    body{
        padding-top:75px;
    }

    .header{
        height:75px!important;
    }

    .logo img{
        height:72px!important;
    }

    .header.scrolled .logo img{
        height:64px!important;
    }

    .nav{
        top:75px!important;
        height:calc(100vh - 75px)!important;
    }

    section{
        padding-left:16px!important;
        padding-right:16px!important;
    }

    button,
    .btn{
        width:100%;
        max-width:100%;
    }
}

/* ========================================
   COOKIE BANNER MOBILE FIX
======================================== */

@media (max-width:768px){

    .cookie-banner,
    .cookie-popup,
    .cookie-consent,
    .cookie-box{

        width:calc(100% - 24px)!important;
        max-width:100%!important;

        left:12px!important;
        right:12px!important;
        bottom:12px!important;

        padding:20px!important;
        border-radius:18px!important;

        max-height:75vh;
        overflow-y:auto;
    }

    .cookie-banner p,
    .cookie-popup p,
    .cookie-consent p,
    .cookie-box p{

        font-size:0.95rem!important;
        line-height:1.6!important;
    }

    .cookie-buttons,
    .cookie-actions{

        display:flex!important;
        flex-direction:column!important;
        gap:10px!important;
        margin-top:20px!important;
    }

    .cookie-buttons button,
    .cookie-actions button{

        width:100%!important;
        min-width:100%!important;
    }
}