/*notebook pra cima*/
@media screen and (min-width:1024px) and (max-width:1920px) {
    #formulario {
        width: 100%;
    }

    #img-tabela {
        width: 100%;
    }
    
    .card {
        width: 100%;
    }

    .card-block {
        background-image: url(../Imagens/EtapasSM.jpg);
        height: 260px;
        min-height: 0px;
    }

    footer {
        position: relative;
        bottom: 0;
    }
}

/*netbook pra cima*/
@media screen and (min-width:801px) and (max-width:1023px) {
    #formulario {
        width: 100%;
    }

    #img-tabela {
        width: 100%;
    }
    
    .card {
        width: 100%;
    }

    .contato {
        width: 100%;
    }

    .card-block {
        background-image: url(../Imagens/EtapasXS.jpg);
        height: 220px;
        min-height: 0px;
    }

    .ajuste-responsive  {
        position: relative;
        top: 0px;
    }

    #Contato-div {
        width: 100%;
    }

    #contato-imagem {
        height: 100%;
        width: auto!important;
    }

    .img-ajuste {
        width: 160px;
        height: auto;
    }

    .img-ajuste-front {
        margin-top: -70px;
    }

    footer {
        position: relative;
        bottom: 0;
    }
}

/*Tablets e netbook*/
@media screen and (max-width:800px) {
    #Midias-Sociais {
        left: 15px;
        top: 350px;
        border-radius: 17px;
    }

    .icon {
        font-size: 18px;
    }

    #logotroca {
        display: none;
    }

    #logotroca2 {
        height: 60px;
        display: block;
    }

    #Menu {
        padding-top: 8px;
        padding-bottom: 8px;
    }

    #formulario {
        width: 100%;
    }

    #img-tabela {
        width: 100%;
    }
    
    .card {
        width: 100%;
    }

    .txt-reduction01 {
        font-size: 1.1em;
    }

    .txt-reduction02 {
        font-size: 1.6em;
    }

    .txt-reduction03 {
        font-size: 1.4em;
    }

    .navbar-nav > li {
        text-align: center;
        padding: 4px 0px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.2)
    }

    #Contato-div {
        width: 100%;
    }

    #img-contato {
        width: 100%;
        display: none;
    }

    #form-contato {
        width: 100%;
        border-top-left-radius: var(--bs-border-radius)!important;
        border-bottom-left-radius: var(--bs-border-radius)!important;
    }

    #logotroca {
        display: none!important;
    }

    #logotroca2 {
        display: block!important;
    }

    .display-change {
        display: inline-flex;
        flex-direction: column!important;
        flex-wrap: wrap!important;
    }

    #card-block {
        background-size: cover;
        height: 200px;
        min-height: 200px;
    }

    .img-ajuste {
        width: 289px;
        height: auto;
    }

    .img-ajuste-front {
        margin-top: 90px;
    }

    footer {
        position: relative;
        bottom: 0;
        left: 0;
    }

    footer > .container > .row > div > h4{
        text-align: center!important;
    }

    footer > .container > .row > div > p{
        text-align: center!important;
    }
}

