/* ======================================================
   14. RESPONSIVE
====================================================== */

    @media (max-width:1100px){
        .services-grid{ grid-template-columns:repeat(2,1fr); }
    }

    @media (max-width:1024px){
        .nav-links,.nav-social{ display:none; }
    }

    @media (max-width:900px){
        .contact-container{ grid-template-columns:1fr; }
    }

    @media (max-width:768px){
        .services-grid{ grid-template-columns:1fr; }
        .logo-item{ width:200px; }
    }