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


/* Tablets e telas menores */

@media(max-width: 992px){


    /* NAVBAR */

    .navbar-cidh{
        padding: 10px 0;
    }


    .navbar-brand img{
        width: 120px;
    }


    .navbar-collapse{

        background:white;

        padding:20px;

        border-radius:20px;

        margin-top:15px;

        box-shadow:0 10px 30px rgba(0,0,0,.1);

    }


    .navbar-cidh .nav-link{

        color:#333;

        margin:10px 0;

    }


    .btn-whatsapp{

        display:flex;

        justify-content:center;

        margin-top:15px;

    }



    /* HERO */


    .hero{

        padding-top:120px;

        text-align:center;

    }


    .hero h1{

        font-size:2.5rem;

    }


    .hero p{

        font-size:1rem;

    }


    .hero-buttons{

        justify-content:center;

    }


    .hero-image{

        margin-top:40px;

    }


    .hero-image img{

        max-width:350px;

    }



    /* SOBRE */


    .about{

        text-align:center;

    }


    .about h2{

        font-size:2rem;

        margin-top:30px;

    }


    .about-cards{

        justify-content:center;

    }



    /* ESPECIALIDADES */


    .service-card{

        padding:30px 20px;

    }



    /* GALERIA */


    .gallery-item{

        height:230px;

    }



    /* DEPOIMENTOS */


    .testimonial-card{

        padding:25px;

    }



    /* FAQ */


    .accordion-button{

        font-size:15px;

        padding:18px;

    }




    /* COMO FUNCIONA */


    .step-card{

        padding:30px 20px;

    }



    /* DIFERENCIAIS */


    .feature-card{

        padding:30px 20px;

    }



    /* CONTATO */


    .contact-box{

        padding:35px 20px;

        flex-direction:column;

        text-align:center;

    }


    .contact-text h2{

        font-size:28px;

    }


    .contact-info{

        min-width:100%;

    }



    /* FOOTER */


    .footer-cidh{

        text-align:center;

    }


    .footer-logo{

        margin:0 auto 20px;

    }


}



/* Celulares pequenos */

@media(max-width:576px){


    section{

        padding:70px 0;

    }



    .hero h1{

        font-size:2rem;

    }



    .hero-tag{

        font-size:13px;

    }



    .btn-primary-custom,
    .btn-outline-custom{

        width:100%;

        text-align:center;

    }



    .about h2{

        font-size:1.7rem;

    }



    .section-tag{

        font-size:14px;

    }



    .gallery-item{

        height:200px;

    }



    .contact-text h2{

        font-size:24px;

    }



    .whatsapp-float{

        width:55px;

        height:55px;

        font-size:28px;

        right:18px;

        bottom:18px;

    }


}