@media screen and (max-width: 1983px){
    .vazio{
        width: 38rem;
    }
}

@media screen and (max-width: 1920px){
    .vazio{
        width: 35rem;
    }
}

@media screen and (max-width: 1680px){
    .vazio{
        width: 25rem;
    }
}

@media screen and (max-width: 1600px){
    .vazio{
        width: 20rem;
    }
}

@media screen and (max-width: 1440px){
    .vazio{
        width: 12rem;
    }
}

@media screen and (max-width: 1366px){
    .vazio{
        width: 8rem;
    }
}

@media screen and (max-width: 1360px){
    .vazio{
        width: 8rem;
    }
}

@media screen and (max-width: 1280px){
    .vazio{
        width: 4rem;
    }
    .sobre-content h1{
        padding-bottom: 2rem;
        margin-top: -5rem;
    }
}

@media screen and (max-width: 1214px){
    .vazio{
        width: 4rem;
    }
    .nav-list ul img{
        display: none;
    }
}

@media screen and (max-width: 1176px){
    .vazio{
        width: 4rem;
    }
    .nav-list ul img{
        display: none;
    }
}

@media screen and (max-width: 1080px){
    .vazio{
        width: 0;
    }
    .nav-list ul img{
        display: none;
    }
}

@media screen and (max-width: 1024px){
    .nav-list, .nav-redes {
        display: none;
    } 
    .navbar{
        padding: 1rem 3%;
    }   
    .mobile-icon{
        display: block;
        & button {
            background-color: transparent;
            border: none;
            cursor: pointer;
        }
    }
    .mobile-menu ul{
        display: flex;
        flex-direction: column;
        text-align: left;
        margin-top: 2rem;
    }
    .mobile-menu .nav-item {
        display: block;
    }

    .open {
        display: block;
    }
}

@media screen and (max-width: 584px){
    .nav-list, .nav-redes {
        display: none;
    } 
    .navbar{
        padding: 1rem 3%;
    } 
    .mobile-menu{
        width: 100%;
        height: 480px;
        margin-top: 50rem;
        background: url("/images/bandeira2.jpg") no-repeat;
        background-size: cover;
        background-position: center;
        
    }       
    .mobile-icon{
        display: block;
        & button {
            background-color: transparent;
            border: none;
            cursor: pointer;
        }
    }
    .mobile-menu ul{
        display: flex;
        flex-direction: column;
        text-align: left;
        margin-top: 2rem;
    }
    .mobile-menu .nav-item {
        display: block;
    }

    .open {
        display: block;
    }
}

@media screen and (max-width: 540px){
    .nav-list, .nav-redes {
        display: none;
    } 
    .navbar{
        padding: 1rem 3%;
    } 
    .mobile-menu{
        width: 100%;
        height: 520px;
        background: url("/images/bandeira2.jpg") no-repeat;
        background-size: cover;
        background-position: center;
        
    }       
    .mobile-icon{
        display: block;
        & button {
            background-color: transparent;
            border: none;
            cursor: pointer;
        }
    }
    .mobile-menu ul{
        display: flex;
        flex-direction: column;
        text-align: left;
        margin-top: 2rem;
    }
    .mobile-menu .nav-item {
        display: block;
    }

    .open {
        display: block;
    }
}

@media screen and (max-width: 511px){
    .nav-list, .nav-redes {
        display: none;
    } 
    .navbar{
        padding: 1rem 3%;
    } 
    .mobile-menu{
        width: 100%;
        height: 600px;
        margin-top: 50rem;
        background: url("/images/bandeira2.jpg") no-repeat;
        background-size: cover;
        background-position: center;
        
    }       
    .mobile-icon{
        display: block;
        & button {
            background-color: transparent;
            border: none;
            cursor: pointer;
        }
    }
    .mobile-menu ul{
        display: flex;
        flex-direction: column;
        text-align: left;
        margin-top: 2rem;
    }
    .mobile-menu .nav-item {
        display: block;
    }

    .open {
        display: block;
    }
}