@media (max-width: 768px) {
    /* HEADER */
    .logo {
        height: 70px !important;
    }

    .header_content {
        gap: 10px;
        padding: 20px;
        text-align: center;
    }

    /* LOGO */
    .logo_text_container {
        text-align: center;
    }

    .logo_text_container h1 {
        font-size: 1.5rem;
    }

    .logo_text_container h2 {
        font-size: 1.1rem;
    }


    /* HERO */
    .hero {
        padding: 60px 20px;
    }

    .hero h1 {
        font-size: 2.2rem;
        line-height: 1.15;
    }

    .hero p {
        font-size: 1.1rem;
        margin-top: 20px;
    }

      .cta{
        display:flex;
        flex-direction:column;
        align-items:center;
        gap:18px;
    }

    .hero-button{
        width:85%;
        max-width:320px;
        min-width:0;
        font-size:1.2rem;
        padding:14px 20px;
        box-sizing:border-box;
    }

    .spacer {
        height: 5dvh;
    }

    /* ABOUT */
    .about {
        padding: 40px 15px;
        font-size: 1.1rem;
    }

    .about-us-container {
        padding: 25px;
    }

    .card {
        margin: 15px 0;
        padding: 16px;
    }

    /*  WHY CHOOSE US */
    .why h2 {
        font-size: 2rem;
        margin: 40px 20px;
    }

    .why-container {
        width: auto;
        margin: 20px;
        padding: 20px;
    }

    .why p {
        padding: 20px;
        font-size: 1rem;
    }

    /* SERVICES */
    .services-section {
        padding: 40px 20px;
    }

    /* WHAT WE DO */
    .what-we-do-section h2 {
        font-size: 2rem;
    }

    .what-we-do-section p {
        font-size: 1rem;
    }

    /* SERVICES  */
    .services-grid {
        grid-template-columns: 1fr;
    }

    .service-category {
        padding: 20px;
    }

    /* CONTACT */
    .contact {
        padding: 40px 20px;
    }

    .contact-container {
        padding: 25px;
    }

}