@media (max-width: 480px) {

    .offcanvas {
        position: fixed;
        bottom: 0;
        z-index: var(--bs-offcanvas-zindex);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: #fdc400;
        background-clip: padding-box;
        outline: 0;
        transition: var(--bs-offcanvas-transition);
    }

    .bg-body-tertiary {
        --bs-bg-opacity: 1;
        background-color: rgb(248 249 250 / 0%) !important;
    }

    .section-background {
        height: 450px; 
        background-image: url('../images/backgroundambiental.png');
        background-repeat: no-repeat;
        background-size: cover;
        background-position-x: center;
    }

    .section-background2 {
        height: 450px; 
        background-image: url('../images/backgroundgestao.png');
        background-repeat: no-repeat;
        background-size: cover;
        background-position-x: center;
    }

    .section-background3 {
        height: 450px; 
        background-image: url('../images/backgroundsocial.png');
        background-repeat: no-repeat;
        background-size: cover;
        background-position-x: center;
    }

    .navbar-nav {
        text-align: center;
        font-size: 18px;
        margin-left: 0em;
        font-weight: 600;
    }

    .slide1 {
        background-image: url('../images/BANNER_HOME_01.png'); 
        width: 100%; 
        background-repeat: no-repeat; 
        background-size: cover;
        background-position-x: right;
    }

    .slide2 {
        background-image: url('../images/BANNER_HOME_02.png'); 
        width: 100%; 
        background-repeat: no-repeat; 
        background-size: cover;
        background-position-x: center;
    }
    
    .slide3 {
        background-image: url('../images/BANNER_HOME_03.png'); 
        width: 100%; 
        background-repeat: no-repeat; 
        background-size: cover;
        background-position-x: right;
    }

    .menu-topo {
        background-color: #FDC400;
        height: 120px;
    }

    .logomarca {
        margin-top: 0em;
    }

    .navbar-brand {
        margin-left: 2em;
    }

    .conteudo-slide {
        padding-left: 5em;
        padding-top: 10em;
    }

    .btn-body {
        background-color: #43266C;
        color: #ffffff;
        padding-top: 0.5em;
        padding-bottom: 0.5em;
        padding-left: 0.5em;
        padding-right: 0.5em;
        border-radius: 4px;
        text-decoration: none;
    }

    .btn-body-contato {
        background-color: #43266C;
        color: #ffffff;
        padding-top: 0.5em;
        padding-bottom: 0.5em;
        padding-left: 0.5em;
        width: 140px;
        padding-right: 0.5em;
        border-radius: 4px;
        text-decoration: none;
    }

    .btn-body2 {
        background-color: #FDC400;
        color: #43266C;
        padding-top: 0.5em;
        padding-bottom: 0.5em;
        padding-left: 0.5em;
        padding-right: 0.5em;
        border-radius: 4px;
        text-decoration: none;
        font-weight: 500;
    }

    #divcatalogo {
        background-color: #43266C; 
        padding-top: 0.5em; 
        padding-bottom: 0.5em; 
        text-align: left; 
        padding-left: 0.5em;
    }

    #divnewsletter {
        display: none;
    }

    .col {
        display: none;
    }

    .col-10 {
        display: none;
        flex: 0 0 auto;
        width: 83.33333333%;
    }

    .section-conteudo-contato {
        display: none;
    }


    .section-entreContato-mobile {
        width: 100%;
        background-color: #FFF4CF;
        padding-top: 3em;
        padding-bottom: 3em;
    }
    
    .section-entreContato-mobile h1{
        color: #43266C;
        font-weight: 700;
        font-size: 56px;
    }
    
    .section-entreContato-mobile p{
        color: #43266C;
    }
    
    .section-entreContato-mobile span{
        color: #43266C;
        font-weight: 700;
        text-transform: uppercase;
    }
    
    .section-entreContato-mobile hr{
        color: #FDC400;
        border-width: 3px;
    }

    .section-entreContato {
        display: none;
    }

}



@media (min-width: 700px) {

    .bg-body-tertiary {
        display: none;
    }

    .section-conteudo-contato-mobile {
        display: none;
    }

    .section-entreContato-mobile {
        display: none;
    }

}