@media (max-width:500px)
{
    .logo{
        width:30%;
    }

    .menu{
        display:none;
    }

    .ti-menu-2{
        font-size: 3rem;
        color:#DA1E25;
        position:absolute;
        top:1rem;
        right:1rem;
    }

    .topo-contact{
        display:none;
    }

    .line-topo{
        display:none;
    }

    .main-menu-nav{
        display:block;
        text-align: center;
    }

    .main-menu-nav li{
        margin:1rem 0;
    }

    .main-menu-nav li a{
        font-size:1.1rem;
    }

    .desktop-banner{
        display:none !important;
    }

    .banner{
        display:block;
    }

    .banner-content{
        padding-left:5%;
    }

    .image-banner{
        height:50dvh;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .seta{
        left:20%;
        width:40%;
    }

    .banner h1{
        font-size:2rem;
        line-height: 2.5rem;
        margin-top:0%;
        padding-top:10%;
        width:100%;
    }

    .banner p{
        color:#1A1A1A;
        line-height: 1.4rem;
        width:100%;
        font-size:0.8rem;
    }

    .about .conteudo{
        display: block;
    }

    .box-parceiros{
        height:40dvh;
        margin-bottom:1rem;
    }

    .box-parceiros .subtitle{
        margin-top:70%;
        transition:.2s ease-in-out;
    }

    .selo-desktop{
        display:none;
    }

    .selo-mobile{
        display:block;
        margin-left:auto;
        margin-right:0;
    }

    .valores h2{
        font-size:2rem;
        margin-bottom:1.5rem;
        text-align: center;
    }

    .servicos h2{
        font-size:2rem;
        margin-bottom:1.5rem;
        text-align: center;
    }

    .segmentos h2{
        font-size:2rem;
    }

    .img-segmento{
        height:30dvh;
        margin-bottom:2rem;
    }

    .newsletter{
        margin:5% 0 0% 0;
    }

    .newsletter h2{
        font-size:1.5rem;
        text-align: left;
        line-height: 2rem;
    }

    .news input[type=text]{
        width:80%;
    }
    
    .news button{
        width:40%;
        margin-top:1rem;
    }

    .linha{
        display:block;
    }

    .parceiros h2{
        font-size:2rem;
    }

    .center{
        text-align: center;
    }

    .redes{
        justify-content: center;
    }

    .rodape h3{
        margin-top:2rem;
    }

    #aceite{
        font-size:0.7rem;
    }

    .direitos{
        display:block;
        text-align: center;
    }

    .desenvolvedor{
        justify-content: center;
    }
}

@media (min-width: 700px){
    .ti-menu-2{
        display:none;
    }
    .mobile-banner{
        display:none;
    }
    .selo-mobile{
        display:none;
    }
}