@media screen and (min-width: 320px) {
    .class-desktop-lgpd {
        display: none;
    }

    .class-mobile-header-lgpd {
        display: block;
    }

    .background-lgpd {
        width: 100%;
        height: auto;
        filter: brightness(60%) contrast(90%);
    }
    .title-lgpd {
        font-size: 60px;
        font-weight: 300;
        color: white;
        position: absolute;
        top: 23%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 1;
    }

    .nav-lgpd {
        position: absolute;
    }

    .title-button-outros-servicos-desktop-lgpd {
        font-size: 30px;
        white-space: nowrap;
    }
}

@media screen and (min-width: 576px) {
    .class-desktop-lgpd {
        display: none;
    }

    .class-mobile-header-lgpd {
        display: block;
    }

    .background-lgpd {
        width: 100%;
        height: auto;
        filter: brightness(60%) contrast(90%);
    }
   

    .nav-lgpd {
        position: absolute;
    }

    .title-button-outros-servicos-desktop-lgpd {
        font-size: 30px;
        white-space: nowrap;
    }
}

@media screen and (min-width: 768px) {
    .class-desktop-lgpd {
        display: none;
    }

    .class-mobile-header-lgpd {
        display: block;
    }

    .background-lgpd {
        width: 100%;
        height: auto;
        filter: brightness(60%) contrast(90%);
    }

    .div-background-lgpd {
        position: relative;
        text-align: center;
    }

    

    .nav-lgpd {
        position: absolute;
    }

    .title-button-outros-servicos-desktop-lgpd {
        font-size: 35px;
        white-space: nowrap;
    }

}

@media screen and (min-width: 992px) {

    .class-desktop-lgpd {
        display: block;
    }

    .class-mobile-header-lgpd {
        display: none;
    }

    .background-lgpd {
        width: 100%;
        height: auto;
    }
    
    .nav-lgpd {
        position: absolute;
    }

    .title-button-outros-servicos-desktop-lgpd {
        font-size: 35px;
        white-space: nowrap;
    }

}

@media screen and (min-width: 1200px) {

    .title-button-outros-servicos-desktop-lgpd {
        font-size: 30px;
        white-space: nowrap;
    }


    .class-desktop-lgpd {
        display: block;
    }

    .class-mobile-header-lgpd {
        display: none;
    }
   
    .background-lgpd {
        width: 100%;
        height: auto;
    }

    .nav-lgpd {
        position: absolute;
    }



}

@media screen and (min-width: 1364px) {

    .class-desktop-lgpd {
        display: block;
    }

    .class-mobile-header-lgpd {
        display: none;
    }

    .background-lgpd {
        width: 100%;
        height: auto;
    }
    
    .nav-lgpd {
        position: absolute;
    }

    .title-button-outros-servicos-desktop-lgpd {
        font-size: 40px;
    }

}

@media screen and (min-width: 1600px) {
    .class-desktop-lgpd {
        display: block;
    }

    .class-mobile-header-lgpd {
        display: none;
    }

    .background-lgpd {
        width: 100%;
        height: auto;
        filter: brightness(60%) contrast(90%);
    }

    .div-background-lgpd {
        position: relative;
        text-align: center;
    }

    .nav-lgpd {
        position: absolute;
    }

    .title-button-outros-servicos-desktop-lgpd {
        font-size: 40px;
    }

}