@media(max-width:991px){
    .desktop-nav{
        display:none;
    }

    .mobile-button{
        display:flex;
        align-items:center;
        justify-content:center;
    }

    .footer-grid{
        grid-template-columns:1fr;
        gap:40px;
    }

}

@media(max-width:768px){
    .site-header .container{
        height:74px;
    }

    .logo-title{
        font-size:20px;
    }

    .logo-subtitle{
        font-size:13px;
    }

    .logo-icon{
        width:48px;
        height:48px;
    }

}

@media(max-width:480px){
    .container{
        width:calc(100% - 28px);
    }

    .footer-grid{
        padding:55px 0;
    }

    .footer-grid h3{
        font-size:24px;
    }

}