/* ==========================================================
   RESPONSIVE
========================================================== */

@media (max-width:1200px){

    .crusto-container{

        width:94%;

    }

}

@media (max-width:992px){

    .crusto-header-inner{

        flex-wrap:wrap;

        gap:20px;

    }

    .crusto-navigation{

        width:100%;

        justify-content:center;

    }

    .crusto-menu{

        gap:24px;

        flex-wrap:wrap;

        justify-content:center;

    }

    .crusto-hero .crusto-container{

        grid-template-columns:1fr;

        text-align:center;

        gap:50px;

    }

    .crusto-hero-content{

        max-width:100%;

    }

    .crusto-hero-actions{

        justify-content:center;

    }

    .crusto-hero-image{

        justify-content:center;

    }

    .crusto-philosophy-grid{

        grid-template-columns:repeat(2,1fr);

    }

    .crusto-menu-grid{

        grid-template-columns:repeat(2,1fr);

    }

    .crusto-stories-grid{

        grid-template-columns:1fr;

    }

    .crusto-location-grid{

        grid-template-columns:1fr;

    }

    .crusto-footer-grid{

        grid-template-columns:repeat(2,1fr);

    }

}

@media (max-width:768px){

    section{

        padding:70px 0;

    }

    .crusto-header{

        position:relative;

        background:#fff;

    }

    .crusto-header-inner{

        height:auto;

        padding:20px 0;

        flex-direction:column;

    }

    .crusto-logo a{

        color:var(--primary);

    }

    .crusto-menu{

        flex-direction:column;

        gap:18px;

    }

    .crusto-menu a{

        color:var(--text);

    }

    .crusto-language a{

        color:var(--text);

    }

    .crusto-language span{

        color:#999;

    }

    .crusto-hero{

        min-height:auto;

    }

    .crusto-hero .crusto-container{

        min-height:auto;

        padding-top:60px;

        padding-bottom:60px;

    }

    .crusto-hero-title{

        font-size:2.8rem;

    }

    .crusto-section-title{

        font-size:2.2rem;

    }

    .crusto-philosophy-grid{

        grid-template-columns:1fr;

    }

    .crusto-menu-grid{

        grid-template-columns:1fr;

    }

    .crusto-footer-grid{

        grid-template-columns:1fr;

        gap:40px;

    }

}

@media (max-width:480px){

    .crusto-hero-title{

        font-size:2.2rem;

    }

    .crusto-button{

        width:100%;

    }

    .crusto-hero-actions{

        flex-direction:column;

    }

}