@media (min-width: 481px) {
    .institucional, .missao {
        top: 10vh;
        left: 100%;
    }

    .missao {
        left: 100%;
    }

    .visao, .valores {
        top: 55vh;
        left: 100%;
    }

    .institucional .institucional-titulo,
    .visao .visao-titulo,
    .missao .missao-titulo,
    .valores .valores-titulo {
        font-size: 4.5em;
        font-weight: 100;
        color: #FFFFFF;
    }

    .institucional .separador,
    .visao .separador,
    .missao .separador,
    .valores .separador {
        width: 8vw;
        height: 3px;
        background-color: #FEC500;
        margin: 1vh 0 5vh 7px;
    }

    .institucional .institucional-descricao,
    .visao .visao-descricao,
    .missao .missao-descricao,
    .valores .valores-descricao {
        width: 56vh;
        font-size: 1.6em;
        font-weight: 100;
        color: #C2C2C2;
        margin-left: 5px;
    }

    .background-image.boneco {
        top: 6vh;
        background-image: url(/assets/images/boneco.png);
        background-repeat: no-repeat;
        background-size: auto 100%;
        height: 30vh;
        width: 50vh;
        /* opacity: 0.8; */
    }

    .background-image.corda-2 {
        background-image: url(/assets/images/corda-2.png);
        background-repeat: no-repeat;
        background-size: auto 100%;
        height: 12vh;
        width: 12vh;
        top: 2vh;
    }

    .background-image.corda-2-sombra {
        background-image: url(/assets/images/corda-2-sombra.png);
        background-repeat: no-repeat;
        background-size: auto 100%;
        height: 12vh;
        width: 12vh;
        top: 2vh;
    }

    .background-image.cruz {
        background-image: url(/assets/images/cruz.png);
        background-repeat: no-repeat;
        background-size: auto 100%;
        height: 65vh;
        width: 50vh;
        bottom: 0;
        z-index: 2;
        opacity: 0.1;
    }

    .background-image.cruz-sombra {
        background-image: url(/assets/images/cruz-sombra.png);
        background-repeat: no-repeat;
        background-size: auto 100%;
        height: 65vh;
        width: 60vh;
        bottom: 2vh;
    }

    .background-image.chacais {
        background-image: url(/assets/images/chacais.png);
        background-repeat: no-repeat;
        background-size: auto 100%;
        height: 30vh;
        width: 50vh;
        bottom: 10vh;
    }

    .background-image.olho {
        background-image: url(/assets/images/olho.png);
        background-repeat: no-repeat;
        background-size: auto 100%;
        height: 12vh;
        width: 50vh;
        top: 5vh;
    }

    .background-image.chave {
        background-image: url(/assets/images/chave.png);
        background-repeat: no-repeat;
        background-size: auto 100%;
        height: 20vh;
        width: 50vh;
        top: 35vh;
        z-index: 2;
    }

    .background-image.chave-sombra {
        background-image: url(/assets/images/chave-sombra.png);
        background-repeat: no-repeat;
        background-size: auto 100%;
        height: 20vh;
        width: 50vh;
        top: 35vh;
    }

    .background-image.escaravelho {
        background-image: url(/assets/images/escaravelho.png);
        background-repeat: no-repeat;
        background-size: auto 100%;
        height: 5vh;
        width: 10vh;
        bottom: 15vh;
    }

    .background-image.escaravelho-sombra {
        background-image: url(/assets/images/escaravelho-sombra.png);
        background-repeat: no-repeat;
        background-size: auto 100%;
        height: 5vh;
        width: 10vh;
        bottom: 15vh;
    }
}

@media (max-width: 480px) {
    .institucional, .missao {
        text-align: left;
        margin-bottom: 10vh;
    }

    .visao, .valores {
        text-align: right;
        margin-bottom: 10vh;
    }

    .institucional .institucional-titulo,
    .visao .visao-titulo,
    .missao .missao-titulo,
    .valores .valores-titulo {
        font-size: 2.5em;
        font-weight: 100;
        color: #FFFFFF;
    }

    .institucional .separador,
    .visao .separador,
    .missao .separador,
    .valores .separador {
        width: 20vw;
        height: 3px;
        background-color: #FEC500;
        display: inline-block;
        margin: 1vh 0 3vh 5px;
    }

    .institucional .institucional-descricao,
    .visao .visao-descricao,
    .missao .missao-descricao,
    .valores .valores-descricao {
        /* width: 32vw; */
        font-size: 1.3em;
        font-weight: 100;
        color: #C2C2C2;
        margin-left: 5px;
    }
}