@media screen and (max-width: 1075px){
    /* servicos */
    .servicos .wraper-cards{
        flex-wrap: wrap;
        justify-content: last baseline;
    }
    
    
}

@media screen and (max-width: 1024px){
    h2{
        font-size: 40px;
    }
    /* contato */
    .contato .box-contato{
        max-width: none;
    }

    .box-flex{
        flex-direction: column;
        gap: 40px;
    }

    .contato .box-info-contato{
        max-width: none;
        width: 100%;
    }

    /* footer */

    footer .wraper-footer{
        flex-wrap: wrap;
        gap: 10px;
    }
    footer .box-footer{
        max-width: none;
        width: 49%;
    }

    footer .box-footer:nth-of-type(1){
        max-width: none;
        width: 49%;
    }


}

@media screen and (max-width: 956px){
    /* servicos */
    .servicos .wraper-cards{
        justify-content: center;
    }

    .servicos .card{
        max-width: none;
    }
}

@media screen and (max-width: 768px){
    h2{
        font-size: 36px;
    }
    /* header */
    .menu-desktop{
        display: none;
    }

    .menu-mobile{
        display: block;
    }

    .menu-mobile ul{
        background-color: white;
        position: absolute;
        left: 0;
        width: 100%;
        top: 73px;
        padding: 0 2%;
        display: none;
    }

    .menu-mobile ul li{
        display: block;
        width: 100%;
        
    }

    .menu-mobile ul li a{
        padding: 10px 0;
        width: 100%;
        margin: 0;
    }

    .menu-mobile ul li .btn-contato{
        text-align: center;
        margin: 10px 0 20px 0;
    }

    .menu-mobile ul li .btn-contato:hover{
        transform: scale(1.02);
    }

    .menu-mobile i{
        font-size: 30px;
        cursor: pointer;
    }

    /* banner */
    .banner h1{
        font-size: 48px;
    }

    .banner p{
        font-size: 20px;
    }

    .banner .wraper-cards{
        flex-direction: column;
    }

    .banner .wraper-cards .card{
        max-width: none;
        width: 100%;  
    }

    /* sobre */
    .sobre h3{
        font-size: 24px;
    }

    .sobre p{
        font-size: 14px;
    }

    /* contato */
    .contato .wraper1, .contato .wraper2{
        flex-direction: column;
    }

    .contato .wraper-input{
        width: 100%;
    }

    /* footer */
    /* footer */

    footer .box-footer{
        width: 100%;
    }

    footer .box-footer:nth-of-type(1){
        width:100%;
    }
}

@media screen and (max-width: 520px){
    h2{
        font-size: 32px;
    }
    /* banner */
    .banner h1{
        font-size: 36px;
        line-height: 40px;
    }

    .banner .wraper-btns a{
        display: block;
        margin: 10px 0;
    }

    /* servicos */
    .chamada h4{
        font-size: 20px;
    }

    .chamada p{
        font-size: 14px;
    }

    .chamada a{
        font-size: 14px;
    }

}