@media (min-width: 1100px) {
    .text-contact{
        width: 550px;
    }
}

@media (max-width: 1100px) {
    .container-overflow{
        overflow-x: auto;
        width: 100%;
    }

    .container-overflow::-webkit-scrollbar{
        display:none;
    }

    .testimonials{
        gap:20px;
    }

    .section-contact{
        flex-direction: column;
        gap: 20px;
        height: fit-content;
        margin-top: 4rem;
    }

    .text-contact{
        margin: 1rem 0 2rem 0;
    }

    .button2{
        height:60px;
        font-size: 1.5rem;
    }
}

@media (max-width: 1000px) {

    .services-container{
        flex-direction: column;
    }

    .services{
        margin: 4rem 0 0 0 ;
    }

    .double-text{
        flex-direction: column;
    }

    .left{
        width:100%;
    }

    .right{
        margin:  4rem 0 0 0;
        width: 100%;
    }

    
  
}


@media (max-width: 790px) {

    .resize-790{
        flex-direction: column;
        height: fit-content;

    }
    .about{
        width: 100%;
        margin-top:1rem;
        font-size: 1.1rem;
    }

    .height-about{
        height: fit-content;
        padding: 2rem 0;
    }

    .services{
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .aside-title, .sub-text{
        width: 100%;
    }


    .main-text{
        text-align: center;
    }

}


@media (max-width: 790px) {
    .nav-item{
        display: none;
    }


    .social-media{
        flex-wrap: wrap;
    }

}


@media (max-width: 668px) {

    .footer-title{
        font-size:1.5rem;
    }
    .footer-text{
        font-size:1.2rem
    }

    .footer-info{
        width:40%;
        min-width:200px ;
    }

}

@media (max-width: 560px) {
    .main-title{
        font-size: 3rem;
    }

    .divider{
        width:100%;
    }

}

@media (max-width: 445px) {

    .social-media{
        gap:60px 20px;
        margin-bottom: 2rem;;
    }

    .footer-info{
        width:100%;

    }


}




@media (max-width: 400px) {

    .main-title{
        font-size: 2.5rem;
    }


    

}
