@media (max-width:600px)
{
    .topo{
        padding:1rem 0;
    }
    .menu{
        display: block;
        text-align: right;
        margin-bottom:2rem;
        display:none;
    }
    .logo{
        width:60%;
    }
    .menu-icon{
        position: absolute;
        top:0.5rem;
        right:1rem;
    }
    .main-menu-nav{
        display:block;
        text-align: right;
    }
    .main-menu-nav li{
        margin:1rem 0;
    }
    .about-img{
        width:80%;
    }
    .banner{    
        height:70dvh;
    }
    .conteudo{
        margin-top:35%;
    }
    .banner h1{
        font-size:1.6rem;
        line-height: 2.5rem;
    }
    .slide{
        background-size:cover;
        /* height:90dvh; */
        position:relative;
    }
    .vantagens .element{
        display:none;
    }
    .vantagens .element-mobile{
        position:absolute;
        width:100%;
    }
    .selos .liner,
    .vantagens .liner{
        display:block;
    }
    .frota figure img{
        width:100%;
    }
    .bus{
        width:100%;
    }
    .about .liner{
        display:block;
    }
    .arrows button{
        top:25%;
    }
    .frota .element{
        display:none;
    }
    .frota .frota-mobile{
        position:absolute;
        top:0;
        right:0;
    }
    .frota h2{
        margin-left:1rem;
    }
    .frota p{
        margin-left:1rem;
    }
    .video{
        margin:10% 0;
    }
    #video{
        width:100%;
        height:400px;
        border-radius:12px;
    }
    .video button img{
        width:50%;
    }
    .pacotes h2, .blog h2{
        font-size:2.5rem;
        margin-bottom:2rem;
    }
    .selos img{
        width:60%;
        margin:3rem auto;
        display:block
    }
    .rodape h4{
        margin-top:2rem;
    }
    .right{
        text-align:left;
    }
}

@media (min-width:720px)
{
    .menu-icon{
        display: none;
    }
}

@media (min-width: 996px)
{
    .vantagens-mobile, .frota-mobile{
        display:none;
    }
    .vantagens .element-mobile{
        display:none;
    }
}