@media screen and (max-width: 1400px) {
    .container-hero .img-hero img{
        width: 850px;
        right: -8rem;
    }

    .container-hero .txt-hero{
        height: 250px;
        margin-left: 15%;

    }

    .container-hero .txt-hero h1{
        font-size: 3rem;

    }
}

@media screen and (max-width: 1380px){
    
}

@media screen and (max-width: 840px){

    .main-nav{
        display: none;
    }

    .burguer-icon{
        display: block;
    }

    /* ========== */

    .container-hero .txt-hero{
        height: 150px;
        margin-left: 10%;

    }

    .container-hero .txt-hero p{
        width: 400px;
        font-size: 1.5rem;

    }

    .container-hero .img-hero img{
        width: 850px;
        right: -24rem;
    }

    /* ========== */

    .container-manage{
        gap: 2rem;
    }

    .container-manage .txt-manage{
        width: 340px;
    }

    .container-manage .txt-manage h1{
        line-height: 1.8rem;
        font-size: 1.5rem;
    }

    .container-manage img{
        width: 340px;
    }

    .container-manage .txt-manage ul li{
        line-height: 1.2rem;
    }

    /* ========== */

    .container-box .txt-box p{
    width: 400px;
    font-size: 1.2rem;
    transform: translateY(-4rem);
    }


    /* ========== */

    .container-dash{
        flex-direction: column;
    }

    .container-dash .txt-dash{
        align-items: center;
        width: 450px;
    }

    .container-dash img{
        width: 500px;
    }

    .container-dash .txt-dash p{
        font-size: 0.9rem;
        margin-bottom: 2rem;
    }

    /* ========== */

    .container-cash{
        padding: 4rem 0 ;
        margin-top: -2rem;
    }

    .container-cash .card img{
        display: none;
    }

    .container-cash .txt-cash img{
        width: 420px;
        left: 2rem;
    }

    .container-cash .txt-cash .escrita{
    text-align: right;
    max-width: 250px;
    margin-right: 12rem;
    }

    /* ========== */

    .footer-title{
        flex-direction: column;
        gap: 0rem;
        
    }

    .footer-title img{
        margin-bottom: -2rem;
    }

    footer .footer-services{
        display: block;
        text-align: center;
    
    }

    footer .footer-services h2{
        margin-bottom: 0;
    }

    .address,
    .telefone,
    .politicas{
        margin-bottom: 1.4rem;
    }
}

@media screen and (max-width: 450px){
    .container-hero{
        height: 900px;
        flex-direction: column-reverse;
        row-gap: ;
    }    

     .container-hero .txt-hero{
       width: 300px;
       margin: 4rem auto;

    }

    .container-hero .txt-hero p{
        width: 320px;
        font-size: 1.5rem;
        text-align: center;
        margin: 0 auto;

    }

    .container-hero .txt-hero h1{
        font-size: 2.6rem;
        margin: 0 auto;
    }

    .container-hero .img-hero img{
        width: 800px;
        top: 4rem;
    }

    /* ========== */

    .container-manage{
        flex-direction: column-reverse;
    }

     .container-manage h1{
        text-align: center;
     }

     .container-manage ul{
        margin: 1.2rem;
     }

    /* ========== */

    .container-box .txt-box{
        flex-direction: column;
        
    }

    .container-box .title-box h1{
        font-size: 1.8rem;
        line-height: 2.4rem;
    }

    .container-box .title-box h1 span{
        font-size: 2.2rem;
    }

    .container-box .txt-box img{
        transform: translateY(-1rem);
        width: 260px;
    }

    .container-box .txt-box p{
        margin-top: 4rem;
        font-size: 1.2rem;
        text-align: justify;
        width: 320px;
        line-height: 1.5rem;
        font-weight: 300;
    }

    /* ========== */

    .container-dash .txt-dash{
        text-align: center;
        width: 400px;
    }

    .container-dash .txt-dash p{
        font-size: 1rem;
        width: 320px;
        line-height: 1.2rem;
        margin: 0 auto;
    }

    .container-dash img{
        width: 320px;
    }

    .container-dash .txt-dash .botao{
        width: 340px;
    }

    /* ========== */

    .container-cash .txt-cash{
        flex-direction: column;
        align-items: center;
        margin-left: -10rem;
    }

    .container-cash .txt-inicial h1{
        font-size: 2.2rem;
        line-height: 2rem;
        margin: 0 1rem;
    }

    .container-cash .txt-inicial h1 span{
        font-size: 1.6rem;
        line-height: 2.5rem;
    }

    .container-cash .txt-cash .escrita{
        margin: 0 1rem;
        text-align: center;
        
    }

     .container-cash .txt-cash h2{
        transform: translateX(3rem);
        font-size: 1.2rem;
        width: 330px;
        text-align: center;
     }

     .container-cash .txt-cash p{
        transform: translateX(3rem);
        font-size: 1.2rem;
        text-align: justify;
        width: 320px;
     }


    
}