.seta-intro {
    width: 83px;
    height: 40px;
    position: absolute;
    bottom: 50px;
    margin-left: calc(50% - 36px);
    animation: cimaBaixoSimples 8s ease infinite alternate;
}
.tresquadrados{
    width: 70px;
    height: 30px;
    margin-top: 170px;
    margin-left: calc(50% - 35px);
    position: absolute;
}
.tresquadrados .quadrado_a{
    border-radius: 5px;
    transform: rotate(45deg);
    position: absolute;
    margin-left: 0px;
    margin-top: 0px;
}
.tresquadrados .quadrado_b{
    border-radius: 5px;
    transform: rotate(45deg);
    position: absolute;
    margin-left: 20px;
    margin-top: 0px;
}
.tresquadrados .quadrado_c{
    border-radius: 5px;
    transform: rotate(45deg);
    position: absolute;
    margin-left: 40px;
    margin-top: 0px;
}

.conexao-contato-rodape {
    width: 100vw;
    height: auto;
    background-color: #fafafa;
}


/* Para telas iguais ou maiores que 1200px */
@media screen and (min-width: 1200px) {
    .linhas-verticais {
        width: 160px;
        height: auto;
        position: absolute;
        z-index: 0;
        right: 0px;
    }
}

/* Entre 1000px e 1199px de tela (200px a menos) */
@media screen and (min-width: 1000px) and (max-width: 1199px){
    .linhas-verticais {
        width: 160px;
        height: auto;
        position: absolute;
        z-index: 0;
        right: 0px;
    }
}

/* Entre 800px e 999px de tela (200px a menos) */
@media screen and (min-width: 800px) and (max-width: 999px){
    .linhas-verticais {
        width: 160px;
        height: auto;
        position: absolute;
        z-index: 0;
        right: -60px;
    }
}

/* Entre 600px e 799px de tela (200px a menos) */
@media screen and (min-width: 600px) and (max-width: 799px){
    .linhas-verticais {
        width: 160px;
        height: auto;
        position: absolute;
        z-index: 0;
        right: -60px;
    }
}

/* A baixo de 600px - Versão para celular */
@media screen and (max-width: 599px){
    .linhas-verticais {
        width: 160px;
        height: auto;
        position: absolute;
        right: -40px;
        margin-top: -267px;
    }
}



.linhas-verticais .linha1{
    width: 40px;
    height: 190px;
    border-left: 3px solid #2e8ccb;
    border-bottom: 3px solid #2e8ccb;
    border-radius: 0px 0px 0px 15px;
}
.linhas-verticais .linha2{
    width: 30px;
    height: 165px;
    border-top: 3px solid #2e8ccb;
    border-right: 3px solid #2e8ccb;
    border-radius: 0px 15px 0px 0px;
    margin-left: 43px;
    margin-top: -3px;
}
.linhas-verticais .linha3{
    width: 20px;
    height: 150px;
    border-left: 3px solid #2e8ccb;
    border-bottom: 3px solid #2e8ccb;
    border-radius: 0px 0px 0px 15px;
    margin-left: 73px;
    margin-top: 0px;
}
.linhas-verticais .linha4{
    width: 20px;
    height: 90px;
    border-top: 3px solid #2e8ccb;
    border-right: 3px solid #2e8ccb;
    border-radius: 0px 15px 0px 0px;
    margin-left: 96px;
    margin-top: -3px;
}
.linhas-verticais .linha5{
    width: 1000px;
    height: 80px;
    border-left: 3px solid #2e8ccb;
    border-bottom: 3px solid #2e8ccb;
    border-radius: 0px 0px 0px 15px;
    margin-left: 116px;
    margin-top: 0px;
}
.linhas-verticais .quadrado43{
    border-radius: 5px;
    transform: rotate(45deg);
    position: absolute;
    margin-left: 60px;
    margin-top: -340px;
    animation: subidaDescida 8s ease infinite alternate;
}



/* Para telas iguais ou maiores que 1200px */
@media screen and (min-width: 1200px) {
    .titulo-h2 h2{
        color:#2e8ccb;
        font-size: 1.8em;
    }
    .titulo-h2 h1{
        color:#2e8ccb;
        font-size: 4em;
    }
    .titulo-h2 p{
        width: 60%;
        height: auto;
        margin: 0px auto;
        color: #808080;
    }
    .ancoras-institucional {
        width: 60%;
        height: 30px;
        margin-left: 20%;
        margin-top: 50px;
    }
    .ancoras-institucional2 {
        display: none;
    }
}

/* Entre 1000px e 1199px de tela (200px a menos) */
@media screen and (min-width: 1000px) and (max-width: 1199px){
    .titulo-h2 h2{
        color:#2e8ccb;
        font-size: 1.8em;
    }
    .titulo-h2 h1{
        color:#2e8ccb;
        font-size: 4em;
    }
    .titulo-h2 p{
        width: 60%;
        height: auto;
        margin: 0px auto;
        color: #808080;
    }
    .ancoras-institucional {
        width: 60%;
        height: 30px;
        margin-left: 20%;
        margin-top: 50px;
    }
    .ancoras-institucional2 {
        display: none;
    }
}

/* Entre 800px e 999px de tela (200px a menos) */
@media screen and (min-width: 800px) and (max-width: 999px){
    .titulo-h2 h2{
        color:#2e8ccb;
        font-size: 1.2em;
    }
    .titulo-h2 h1{
        color:#2e8ccb;
        font-size: 3em;
    }
    .titulo-h2 p{
        width: 90%;
        height: auto;
        margin: 0px auto;
        color: #808080;
    }
    .ancoras-institucional {
        width: 60%;
        height: 30px;
        margin-left: 20%;
        margin-top: 10px;
    }
    .ancoras-institucional2 {
        display: none;
    }
}

/* Entre 600px e 799px de tela (200px a menos) */
@media screen and (min-width: 600px) and (max-width: 799px){
    .titulo-h2 h2{
        color:#2e8ccb;
        font-size: 1em;
    }
    .titulo-h2 h1{
        color:#2e8ccb;
        font-size: 2em;
    }
    .titulo-h2 p{
        width: 90%;
        height: auto;
        margin: 0px auto;
        color: #808080;
    }
    .ancoras-institucional {
        width: 80%;
        height: 30px;
        margin-left: 10%;
        margin-top: 30px;
    }
    .ancoras-institucional2 {
        display: none;
    }
}

/* A baixo de 600px - Versão para celular */
@media screen and (max-width: 599px){
    .titulo-h2 h2{
        color:#2e8ccb;
        font-size: 0.8em;
    }
    .titulo-h2 h1{
        color:#2e8ccb;
        font-size: 1.5em;
    }
    .titulo-h2 p{
        width: 90%;
        height: auto;
        margin: 0px auto;
        color: #808080;
    }
    .ancoras-institucional {
        width: 90%;
        height: 30px;
        margin-left: 5%;
        margin-top: 30px;
        display: none;
    }
    .ancoras-institucional2 {
        width: 90%;
        height: 30px;
        margin-left: 5%;
        margin-top: 30px;
    }
}



















.ancoras-institucional a{
    color: #ffffff;
    text-justify: middle;
}
.ancoras-institucional .canto-esquerdo-redondo {
    width: 5%;
    height: 30px;
    margin-left: 0px;
    float: left;
    border-radius: 10px 0px 0px 10px;
}
.ancoras-institucional .canto-direito-redondo {
    width: 5%;
    height: 30px;
    margin-left: 0px;
    float: left;
    border-radius: 0px 10px 10px 0px;
}


/* Para telas iguais ou maiores que 1200px */
@media screen and (min-width: 1200px) {
    .ancoras-institucional .link {
        width: 20%;
        height: 26px;
        font-size: 16px;
        padding-top: 4px;
        margin-left: 0px;
        float: left;
        border-radius: 0px 0px 0px 0px;
    }
}

/* Entre 1000px e 1199px de tela (200px a menos) */
@media screen and (min-width: 1000px) and (max-width: 1199px){
    .ancoras-institucional .link {
        width: 20%;
        height: 26px;
        font-size: 16px;
        padding-top: 4px;
        margin-left: 0px;
        float: left;
        border-radius: 0px 0px 0px 0px;
    }
}

/* Entre 800px e 999px de tela (200px a menos) */
@media screen and (min-width: 800px) and (max-width: 999px){
    .ancoras-institucional .link {
        width: 20%;
        height: 24px;
        font-size: 12px;
        padding-top: 6px;
        margin-left: 0px;
        float: left;
        border-radius: 0px 0px 0px 0px;
    }
}

/* Entre 600px e 799px de tela (200px a menos) */
@media screen and (min-width: 600px) and (max-width: 799px){
    .ancoras-institucional .link {
        width: 20%;
        height: 24px;
        font-size: 12px;
        padding-top: 6px;
        margin-left: 0px;
        float: left;
        border-radius: 0px 0px 0px 0px;
    }
}

/* A baixo de 600px - Versão para celular */
@media screen and (max-width: 599px){
    .ancoras-institucional .link {
        width: 20%;
        height: 24px;
        font-size: 12px;
        padding-top: 6px;
        margin-left: 0px;
        float: left;
        border-radius: 0px 0px 0px 0px;
    }
}









.ancoras-institucional .canto-direito-pontudo {
    width: 2%;
    height: 30px;
    margin-right: 1%;
    float: left;
    clip-path: polygon(-2% 0%, -2% 101%, 100% 50%, 0% 0%);
}
.ancoras-institucional .canto-esquerdo-pontudoparadentro {
    width: 2%;
    height: 30px;
    margin-left: -2%;
    margin-right: -0.1%;
    float: left;
}
.ancoras-institucional .canto-esquerdo-pontudoparadentro .cima{
    width: 100%;
    height: 15px;
    clip-path: polygon(0% 0%, 101% 100%, 101% 0%, 0% 0%);
}
.ancoras-institucional .canto-esquerdo-pontudoparadentro .baixo{
    width: 100%;
    height: 15px;
    clip-path: polygon(101% 102%, 101% 0%, 100% 0%, 0% 100%);
}










.ancoras-institucional2 a{
    color: #ffffff;
    text-justify: middle;
}
.ancoras-institucional2 .canto-esquerdo-redondo {
    width: 5%;
    height: 30px;
    margin-left: 0px;
    float: left;
    border-radius: 10px 0px 0px 10px;
    margin-top: 10px;
}
.ancoras-institucional2 .canto-direito-redondo {
    width: 5%;
    height: 30px;
    margin-left: 0px;
    float: left;
    border-radius: 0px 10px 10px 0px;
    margin-top: 10px;
}
.ancoras-institucional2 .link {
    width: 42%;
    height: 24px;
    font-size: 12px;
    padding-top: 6px;
    margin-left: 0px;
    float: left;
    border-radius: 0px 0px 0px 0px;
    margin-top: 10px;
}
.ancoras-institucional2 .canto-direito-pontudo {
    width: 2%;
    height: 30px;
    margin-right: 1%;
    float: left;
    clip-path: polygon(-2% 0%, -2% 101%, 100% 50%, 0% 0%);
    margin-top: 10px;
}
.ancoras-institucional2 .canto-esquerdo-pontudoparadentro {
    width: 2%;
    height: 30px;
    margin-left: -2%;
    margin-right: -0.1%;
    float: left;
    margin-top: 10px;
}
.ancoras-institucional2 .canto-esquerdo-pontudoparadentro .cima{
    width: 100%;
    height: 15px;
    clip-path: polygon(0% 0%, 101% 100%, 101% 0%, 0% 0%);
}
.ancoras-institucional2 .canto-esquerdo-pontudoparadentro .baixo{
    width: 100%;
    height: 15px;
    clip-path: polygon(101% 102%, 101% 0%, 100% 0%, 0% 100%);
}
.ancoras-institucional2 .canto-direito-pontudo {
    width: 2%;
    height: 30px;
    margin-right: 1%;
    float: left;
    clip-path: polygon(-2% 0%, -2% 101%, 100% 50%, 0% 0%);
    margin-top: 10px;
}
.ancoras-institucional2 .canto-esquerdo-pontudoparadentro {
    width: 2%;
    height: 30px;
    margin-left: -2%;
    margin-right: -0.1%;
    float: left;
    margin-top: 10px;
}
.ancoras-institucional2 .canto-esquerdo-pontudoparadentro .cima{
    width: 100%;
    height: 15px;
    clip-path: polygon(0% 0%, 101% 100%, 101% 0%, 0% 0%);
}
.ancoras-institucional2 .canto-esquerdo-pontudoparadentro .baixo{
    width: 100%;
    height: 15px;
    clip-path: polygon(101% 102%, 101% 0%, 100% 0%, 0% 100%);
}







.solucoes-index .linha-vertical-a {
    width: 3px;
    height: 100%;
    position: absolute;
    margin-left: calc(50% - 2px);
    margin-top: -140px;
    background-image: -webkit-linear-gradient(top, #ffffff, #2e8ccb);
    background-image: -moz-linear-gradient(top, #ffffff, #2e8ccb);
    background-image: -o-linear-gradient(top, #ffffff, #2e8ccb);
    background-image: linear-gradient(to bottom, #ffffff, #2e8ccb);
}

.solucoes-index .linha-vertical-a .quadrado{
    display: none;
}

/* Entre 800px e 999px de tela (200px a menos) */
@media screen and (min-width: 800px) and (max-width: 999px){
    .solucoes-index .linha-vertical-a {
        width: 3px;
        height: 100%;
        position: absolute;
        margin-left: calc(50% - 2px);
        margin-top: -140px;
        background-image: -webkit-linear-gradient(top, #ffffff, #2e8ccb);
        background-image: -moz-linear-gradient(top, #ffffff, #2e8ccb);
        background-image: -o-linear-gradient(top, #ffffff, #2e8ccb);
        background-image: linear-gradient(to bottom, #ffffff, #2e8ccb);
    }
}

/* Entre 600px e 799px de tela (200px a menos) */
@media screen and (min-width: 600px) and (max-width: 799px){
    .solucoes-index .linha-vertical-a {
        width: 3px;
        height: 100%;
        position: absolute;
        margin-left: calc(50% - 2px);
        margin-top: -140px;
        background-image: -webkit-linear-gradient(top, #ffffff, #2e8ccb);
        background-image: -moz-linear-gradient(top, #ffffff, #2e8ccb);
        background-image: -o-linear-gradient(top, #ffffff, #2e8ccb);
        background-image: linear-gradient(to bottom, #ffffff, #2e8ccb);
    }
}

/* A baixo de 600px - Versão para celular */
@media screen and (max-width: 599px){
    .solucoes-index .linha-vertical-a {
        width: 3px;
        height: 70%;
        position: absolute;
        margin-left: calc(50% - 2px);
        margin-top: -140px;
        background-image: -webkit-linear-gradient(top, #ffffff, #2e8ccb);
        background-image: -moz-linear-gradient(top, #ffffff, #2e8ccb);
        background-image: -o-linear-gradient(top, #ffffff, #2e8ccb);
        background-image: linear-gradient(to bottom, #ffffff, #2e8ccb);
    }
}


.sobre-nos-index .container_sobre_nos .linha-vertical-b {
    width: 3px;
    height: 180px;
    position: absolute;
    margin-left: calc(50% - 2px);
    margin-top: -209px;
    background-color: #2e8ccb;
}

.sobre-nos-index .container_sobre_nos .linha-vertical-b .quadrado{
    border-radius: 5px;
    transform: rotate(45deg);
    position: absolute;
    z-index: 0;
    margin-top: 170px;
    margin-left: -6px;
}


/* Entre 800px e 999px de tela (200px a menos) */
@media screen and (min-width: 800px) and (max-width: 999px){
    .sobre-nos-index .container_sobre_nos .linha-vertical-b .quadrado{
        border-radius: 5px;
        transform: rotate(45deg);
        position: absolute;
        z-index: 0;
        margin-top: 173px;
        margin-left: -6px;
    }
    .solucoes-index .linha-vertical-a .quadrado{
        display: none;
    }
}

/* Entre 600px e 799px de tela (200px a menos) */
@media screen and (min-width: 600px) and (max-width: 799px){
    .sobre-nos-index .container_sobre_nos .linha-vertical-b .quadrado{
        border-radius: 5px;
        transform: rotate(45deg);
        position: absolute;
        z-index: 0;
        margin-top: 215px;
        margin-left: -5px;
    }
    .solucoes-index .linha-vertical-a .quadrado{
        display: none;
    }
}

/* A baixo de 600px - Versão para celular */
@media screen and (max-width: 599px){
    .sobre-nos-index .container_sobre_nos .linha-vertical-b .quadrado{
        border-radius: 5px;
        transform: rotate(45deg);
        position: absolute;
        z-index: 0;
        margin-top: 215px;
        margin-left: -5px;
    }
    .solucoes-index .linha-vertical-a .quadrado{
        border-radius: 5px;
        transform: rotate(45deg);
        position: absolute;
        z-index: 0;
        margin-top: 104px;
        margin-left: -6px;
        display: table;
    }
}



@media screen and (min-width: 1200px) {
    .sobre-nos-index .container_sobre_nos {
        margin-top: -77vh;
    }
}
@media screen and (min-width: 1000px) and (max-width: 1199px){
    .sobre-nos-index .container_sobre_nos {
        margin-top: -88vh;
    }
}
@media screen and (min-width: 800px) and (max-width: 999px){
    .sobre-nos-index .container_sobre_nos {
        margin-top: calc(-100vh - 0px);
    }
}
@media screen and (min-width: 600px) and (max-width: 799px){
    .sobre-nos-index .container_sobre_nos {
        margin-top: calc(-100vh - 100px);
    }
}
@media screen and (max-width: 599px){
    .sobre-nos-index .container_sobre_nos {
        margin-top: calc(-100vh - 225px);
    }
}


.degrade-rosa-branco {
    width: 100vw;
    height: 100px;
    background-image: -webkit-linear-gradient(top, #ffffff, #2d3233);
    background-image: -moz-linear-gradient(top, #ffffff, #2d3233);
    background-image: -o-linear-gradient(top, #ffffff, #2d3233);
    background-image: linear-gradient(to bottom, #ffffff, #2d3233);
    margin-top: -100px;
}
.nova-altura-solucoes-index {
    height: 130px;
}
@media screen and (min-width: 600px) {
    .nova-altura-solucoes-index {
        height: 130px;
    }
}
@media screen and (max-width: 599px) {
    .nova-altura-solucoes-index {
        height: 160px;
    }
}
.solucoes-index {
    width: 100vw;
    height: 160px;
    position: relative;
    z-index: 8;
}

    .quadrado-10{
        border-radius: 5px;
        transform: rotate(45deg);
        position: absolute;
        z-index: 0;
        margin-left: 80%;
        bottom: 44%;
        animation: subidaDescida 5s ease infinite alternate;
    }
    .quadrado-11{
        border-radius: 5px;
        transform: rotate(45deg);
        position: absolute;
        z-index: 0;
        bottom: -50%;
        margin-left: 55%;
        animation: subidaDescida 8s ease infinite alternate;
    }
    .quadrado-12{
        border-radius: 5px;
        transform: rotate(45deg);
        position: absolute;
        z-index: 0;
        margin-left: 20%;
        bottom: 30%;
        animation: subidaDescida 6s ease infinite alternate;
    }
    .quadrado-13{
        border-radius: 5px;
        transform: rotate(45deg);
        position: absolute;
        z-index: 0;
        bottom: 10%;
        margin-left: 69%;
        animation: subidaDescida 6s ease infinite alternate;
    }
    .sobre-nos-index .quadrado-14{
        border-radius: 5px;
        transform: rotate(45deg);
        position: absolute;
        z-index: 0;
        bottom: 66%;
        margin-left: 36%;
        animation: subidaDescida 12s ease infinite alternate;
    }
    .solucoes-index .quadrado-14{
        border-radius: 5px;
        transform: rotate(45deg);
        position: absolute;
        z-index: 0;
        bottom: 10%;
        margin-left: 35%;
        animation: subidaDescida 12s ease infinite alternate;
    }
@media screen and (min-width: 600px) and (max-width: 799px){
    .quadrado-10{
        border-radius: 5px;
        transform: rotate(45deg);
        position: absolute;
        z-index: 0;
        margin-left: 80%;
        bottom: 44%;
        animation: subidaDescida 5s ease infinite alternate;
    }
    .quadrado-11{
        border-radius: 5px;
        transform: rotate(45deg);
        position: absolute;
        z-index: 0;
        bottom: 16%;
        margin-left: 55%;
        animation: subidaDescida 8s ease infinite alternate;
    }
    .quadrado-12{
        border-radius: 5px;
        transform: rotate(45deg);
        position: absolute;
        z-index: 0;
        margin-left: 20%;
        bottom: 30%;
        animation: subidaDescida 6s ease infinite alternate;
    }
    .quadrado-13{
        border-radius: 5px;
        transform: rotate(45deg);
        position: absolute;
        z-index: 0;
        bottom: 10%;
        margin-left: 69%;
        animation: subidaDescida 6s ease infinite alternate;
    }
    .sobre-nos-index .quadrado-14{
        border-radius: 5px;
        transform: rotate(45deg);
        position: absolute;
        z-index: 0;
        bottom: 66%;
        margin-left: 0%;
        animation: subidaDescida 12s ease infinite alternate;
    }
    .solucoes-index .quadrado-14{
        border-radius: 5px;
        transform: rotate(45deg);
        position: absolute;
        z-index: 0;
        bottom: 10%;
        margin-left: 30%;
        animation: subidaDescida 12s ease infinite alternate;
    }
}
@media screen and (max-width: 599px){
    .sobre-nos-index .quadrado-14{
        border-radius: 5px;
        transform: rotate(45deg);
        position: absolute;
        z-index: 0;
        bottom: 66%;
        margin-left: 0%;
        animation: subidaDescida 12s ease infinite alternate;
    }
    .solucoes-index .quadrado-14{
        border-radius: 5px;
        transform: rotate(45deg);
        position: absolute;
        z-index: 0;
        bottom: 10%;
        margin-left: 4%;
        animation: subidaDescida 12s ease infinite alternate;
    }
    .quadrado-11{
        border-radius: 5px;
        transform: rotate(45deg);
        position: absolute;
        z-index: 0;
        bottom: 13%;
        margin-left: 55%;
        animation: subidaDescida 8s ease infinite alternate;
    }
    .quadrado-10,.quadrado-11,.quadrado-12,.quadrado-13{display:table;}
}


.sobre-nos-index .colunas-sobre-a-empresa .cabecalho-coluna-1 p{
    color: #fff;
    font-size: 18px;
    text-align: left;
    font-family: 'Open Sans Condensed Regular', Arial, sans-serif;
    letter-spacing: 1px;
}
.sobre-nos-index .colunas-sobre-a-empresa .texto-coluna-2 p{
    color: #fff;
    font-size: 18px;
    text-align: left;
    font-family: 'Open Sans Condensed Regular', Arial, sans-serif;
    letter-spacing: 1px;
}
.sobre-nos-index .colunas-sobre-a-empresa .texto-coluna-3 p{
    color: #fff;
    font-size: 18px;
    text-align: left;
    font-family: 'Open Sans Condensed Regular', Arial, sans-serif;
    letter-spacing: 1px;
}
.sobre-nos-index .colunas-sobre-a-empresa .link-coluna-4 p{
    color: #fff;
    font-size: 18px;
    text-align: left;
    font-family: 'Open Sans Condensed Regular', Arial, sans-serif;
    letter-spacing: 1px;
}



/* Para telas iguais ou maiores que 1200px */
@media screen and (min-width: 1200px) {
   .responsabilidade-index .linha-top-continuacao {
        width: 3px;
        height: 4px;
        border-left: 3px solid #2d3233;
        margin-left: calc(50% - 320px);
        padding-top: 150px;
        margin-top: -100px;
    }
    .responsabilidade-index .titulo-responsabilidade h2{
        color: #2d3233;
        font-size: 3.5em;
        margin-block-start: 0.5em;
        margin-block-end: 0em;
    } 
}

/* Entre 1000px e 1199px de tela (200px a menos) */
@media screen and (min-width: 1000px) and (max-width: 1199px){
    .responsabilidade-index .linha-top-continuacao {
        width: 3px;
        height: 4px;
        border-left: 3px solid #2d3233;
        margin-left: calc(50% - 320px);
        padding-top: 150px;
        margin-top: -100px;
    }
    .responsabilidade-index .titulo-responsabilidade h2{
        color: #2d3233;
        font-size: 3.5em;
        margin-block-start: 0.5em;
        margin-block-end: 0em;
    } 
}

/* Entre 800px e 999px de tela (200px a menos) */
@media screen and (min-width: 800px) and (max-width: 999px){
    .responsabilidade-index .linha-top-continuacao {
        width: 3px;
        height: 4px;
        border-left: 3px solid #2d3233;
        margin-left: calc(50% - 320px);
        padding-top: 150px;
        margin-top: -100px;
    }
    .responsabilidade-index .titulo-responsabilidade h2{
        color: #2d3233;
        font-size: 3.5em;
        margin-block-start: 0.5em;
        margin-block-end: 0em;
    } 
}

/* Entre 600px e 799px de tela (200px a menos) */
@media screen and (min-width: 600px) and (max-width: 799px){
    .responsabilidade-index .linha-top-continuacao {
        width: 3px;
        height: 4px;
        border-left: 3px solid #2d3233;
        margin-left: calc(50% - 235px);
        padding-top: 150px;
        margin-top: -100px;
    }
    .responsabilidade-index .titulo-responsabilidade h2{
        color: #2d3233;
        font-size: 2.5em;
        margin-block-start: 0.5em;
        margin-block-end: 0em;
    } 
}

/* A baixo de 600px - Versão para celular */
@media screen and (max-width: 599px){
    .responsabilidade-index .linha-top-continuacao {
        width: 3px;
        height: 4px;
        border-left: 3px solid #2d3233;
        margin-left: calc(50% - 0px);
        padding-top: 150px;
        margin-top: -100px;
    }
    .responsabilidade-index .titulo-responsabilidade h2{
        color: #2d3233;
        font-size: 2em;
        margin-block-start: 0.5em;
        margin-block-end: 0em;
    } 
}




/* Para telas iguais ou maiores que 1200px */
@media screen and (min-width: 1200px) {
    .coluna-tempo {
        width: 23%;
        height: auto;
        margin-left: 1%;
        margin-right: 1%;
        margin-top: 50px;
        float: left;
        text-align: center;
    }
}

/* Entre 1000px e 1199px de tela (200px a menos) */
@media screen and (min-width: 1000px) and (max-width: 1199px){
    .coluna-tempo {
        width: 23%;
        height: auto;
        margin-left: 1%;
        margin-right: 1%;
        margin-top: 50px;
        float: left;
        text-align: center;
    }
}

/* Entre 800px e 999px de tela (200px a menos) */
@media screen and (min-width: 800px) and (max-width: 999px){
    .coluna-tempo {
        width: 48%;
        height: auto;
        margin-left: 1%;
        margin-right: 1%;
        margin-top: 50px;
        float: left;
        text-align: center;
    }
}

/* Entre 600px e 799px de tela (200px a menos) */
@media screen and (min-width: 600px) and (max-width: 799px){
    .coluna-tempo {
        width: 48%;
        height: auto;
        margin-left: 1%;
        margin-right: 1%;
        margin-top: 50px;
        float: left;
        text-align: center;
    }
}

/* A baixo de 600px - Versão para celular */
@media screen and (max-width: 599px){
    .coluna-tempo {
        width: 98%;
        height: auto;
        margin-left: 1%;
        margin-right: 1%;
        margin-top: 3px;
        float: left;
        text-align: center;
    }
}


.coluna-tempo .titulo{
    width: 90%;
    height: 30px;
    margin:0px auto;
}



/* Para telas iguais ou maiores que 1200px */
@media screen and (min-width: 1200px) {
    .col-futuro .titulo{
        width: 90%;
        height: 30px;
        margin:0px auto;
        background-color: #2d3233;
        border-radius: 5px;
    }
    .coluna-tempo .titulo h3{
        color:#2e8ccb;
        font-size: 1.5em;
    }
    .col-futuro .titulo h3{
        color:#fff;
        font-size: 1.5em;
    }
    .coluna-tempo .foto{
        width: 190px;
        height: 200px;
        margin:0px auto;
        margin-top: 20px;
    }
}

/* Entre 1000px e 1199px de tela (200px a menos) */
@media screen and (min-width: 1000px) and (max-width: 1199px){
    .col-futuro .titulo{
        width: 90%;
        height: 22px;
        margin:0px auto;
        background-color: #2d3233;
        border-radius: 5px;
    }
    .coluna-tempo .titulo h3{
        color:#2e8ccb;
        font-size: 1em;
    }
    .col-futuro .titulo h3{
        color:#fff;
        font-size: 1em;
    }
    .coluna-tempo .foto{
        width: 190px;
        height: 200px;
        margin:0px auto;
        margin-top: 20px;
    }
}

/* Entre 800px e 999px de tela (200px a menos) */
@media screen and (min-width: 800px) and (max-width: 999px){
    .col-futuro .titulo{
        width: 90%;
        height: 30px;
        margin:0px auto;
        background-color: #2d3233;
        border-radius: 5px;
    }
    .coluna-tempo .titulo h3{
        color:#2e8ccb;
        font-size: 1.5em;
    }
    .col-futuro .titulo h3{
        color:#fff;
        font-size: 1.5em;
    }
    .coluna-tempo .foto{
        width: 190px;
        height: 200px;
        margin:0px auto;
        margin-top: 20px;
    }
}

/* Entre 600px e 799px de tela (200px a menos) */
@media screen and (min-width: 600px) and (max-width: 799px){
    .col-futuro .titulo{
        width: 90%;
        height: 30px;
        margin:0px auto;
        background-color: #2d3233;
        border-radius: 5px;
    }
    .coluna-tempo .titulo h3{
        color:#2e8ccb;
        font-size: 1.5em;
    }
    .col-futuro .titulo h3{
        color:#fff;
        font-size: 1.5em;
    }
    .coluna-tempo .foto{
        width: 190px;
        height: 200px;
        margin:0px auto;
        margin-top: 20px;
    }
}

/* A baixo de 600px - Versão para celular */
@media screen and (max-width: 599px){
    .col-futuro .titulo{
        width: 90%;
        height: 30px;
        margin:0px auto;
        background-color: #2d3233;
        border-radius: 5px;
    }
    .coluna-tempo .titulo h3{
        color:#2e8ccb;
        font-size: 1.5em;
    }
    .col-futuro .titulo h3{
        color:#fff;
        font-size: 1.5em;
    }
    .coluna-tempo .foto{
        width: 190px;
        height: 200px;
        margin:0px auto;
        margin-top: 20px;
    }
}

.coluna-tempo .foto .quadrado1{
    width: 150px;
    height: 150px;
    border-radius: 20px;
    transform: rotate(49deg);
    position: absolute;
    z-index: 0;
    margin-top: 18px;
    margin-left: 0px;
}
.coluna-tempo .foto .quadrado2{
    width: 150px;
    height: 150px;
    border-radius: 20px;
    transform: rotate(70deg);
    position: absolute;
    z-index: 0;
    margin-top: 10px;
    margin-left: 42px;
}

.col-fundacao .foto .quadrado1{
    width: 150px;
    height: 150px;
    border-radius: 20px;
    transform: rotate(49deg);
    position: absolute;
    z-index: 0;
    margin-top: 16px;
    margin-left: 22px;
}
.col-fundacao .foto .quadrado2{
    width: 150px;
    height: 150px;
    border-radius: 20px;
    transform: rotate(85deg);
    position: absolute;
    z-index: 0;
    margin-top: 21px;
    margin-left: 24px;
}

.col-local .foto .quadrado1{
    width: 150px;
    height: 150px;
    border-radius: 20px;
    transform: rotate(58deg);
    position: absolute;
    z-index: 0;
    margin-top: 9px;
    margin-left: 1px;
}
.col-local .foto .quadrado2{
    width: 150px;
    height: 150px;
    border-radius: 20px;
    transform: rotate(102deg);
    position: absolute;
    z-index: 0;
    margin-top: 21px;
    margin-left: 53px;
}

.coluna-tempo .foto .img{
    width: 190px;
    height: 190px;
    position: absolute;
    z-index: 1;
    margin-top: 0px;
    margin-left:0px;
    background-image: url(icones/acriltec_2016.png);
    background-repeat: no-repeat;
    background-position: center;
}
.col-desafios .foto .img{
    width: 190px;
    height: 190px;
    position: absolute;
    z-index: 1;
    margin-top: 0px;
    margin-left:0px;
    background-image: url(icones/acriltec_2017.png);
    background-repeat: no-repeat;
    background-position: center;
}
.col-local .foto .img{
    width: 190px;
    height: 190px;
    position: absolute;
    z-index: 1;
    margin-top: 0px;
    margin-left:0px;
    background-image: url(icones/acriltec_2018.png);
    background-repeat: no-repeat;
    background-position: center;
}
.col-futuro .foto .img{
    width: 245px;
    height: 201px;
    position: absolute;
    z-index: 1;
    margin-top: -7px;
    margin-left: -28px;
    background-image: url(icones/acriltec_2023.png);
    background-repeat: no-repeat;
    background-position: center;
}





/* Para telas iguais ou maiores que 1200px */
@media screen and (min-width: 1200px) {
    .coluna-tempo .linha{
        width: 110%;
        height: 10px;
        border-bottom: 3px solid #2e8ccb;
        margin-top: 0px;
        margin-left:-5%;
    }
    .col-fundacao .linha{
        width: 1000px;
        height: 10px;
        border-bottom: 3px solid #2e8ccb;
        margin-top: 0px;
        margin-left:-680px;
    }
    .col-futuro .linha{
        width: 60%;
        height: 10px;
        border-bottom: 3px solid #2e8ccb;
        margin-top: 0px;
        margin-left:-5%;
    }
}

/* Entre 1000px e 1199px de tela (200px a menos) */
@media screen and (min-width: 1000px) and (max-width: 1199px){
    .coluna-tempo .linha{
        width: 110%;
        height: 10px;
        border-bottom: 3px solid #2e8ccb;
        margin-top: 0px;
        margin-left:-5%;
    }
    .col-fundacao .linha{
        width: 1000px;
        height: 10px;
        border-bottom: 3px solid #2e8ccb;
        margin-top: 0px;
        margin-left:-680px;
    }
    .col-futuro .linha{
        width: 60%;
        height: 10px;
        border-bottom: 3px solid #2e8ccb;
        margin-top: 8px;
        margin-left:-5%;
    }
}

/* Entre 800px e 999px de tela (200px a menos) */
@media screen and (min-width: 800px) and (max-width: 999px){
    .coluna-tempo .linha{
        width: 130%;
        height: 10px;
        border-bottom: 3px solid #2e8ccb;
        margin-top: 0px;
        margin-left:-5%;
    }
    .col-fundacao .linha{
        width: 1000px;
        height: 10px;
        border-bottom: 3px solid #2e8ccb;
        margin-top: 0px;
        margin-left:-560px;
    }
    .col-futuro .linha{
        width: 60%;
        height: 10px;
        border-bottom: 3px solid #2e8ccb;
        margin-top: 0px;
        margin-left:-5%;
    }
    .col-local .linha{
        width: 130%;
        height: 10px;
        border-bottom: 3px solid #2e8ccb;
        margin-top: 0px;
        margin-left: -30%;
    }
}

/* Entre 600px e 799px de tela (200px a menos) */
@media screen and (min-width: 600px) and (max-width: 799px){
    .coluna-tempo .linha{
        width: 160%;
        height: 10px;
        border-bottom: 3px solid #2e8ccb;
        margin-top: 0px;
        margin-left: -5%;
    }
    .col-fundacao .linha{
        width: 1000px;
        height: 10px;
        border-bottom: 3px solid #2e8ccb;
        margin-top: 0px;
        margin-left:-560px;
    }
    .col-futuro .linha{
        width: 60%;
        height: 10px;
        border-bottom: 3px solid #2e8ccb;
        margin-top: 0px;
        margin-left:-5%;
    }
    .col-local .linha{
        width: 130%;
        height: 10px;
        border-bottom: 3px solid #2e8ccb;
        margin-top: 0px;
        margin-left: -30%;
    }
}

/* A baixo de 600px - Versão para celular */
@media screen and (max-width: 599px){
    .coluna-tempo .linha{
        width: 244%;
        height: 10px;
        border-bottom: 3px solid #2e8ccb;
        margin-top: 0px;
        margin-left: -50%;
    }
    .col-fundacao .linha{
        width: 1000px;
        height: 10px;
        border-bottom: 3px solid #2e8ccb;
        margin-top: 0px;
        margin-left: -400px;
    }
    .col-futuro .linha{
        width: 90%;
        height: 10px;
        border-bottom: 3px solid #2e8ccb;
        margin-top: 0px;
        margin-left: -40%;
    }
    .col-local .linha{
        width: 150%;
        height: 10px;
        border-bottom: 3px solid #2e8ccb;
        margin-top: 0px;
        margin-left: -30%;
    }
}



/* Para telas iguais ou maiores que 1200px */
@media screen and (min-width: 1200px) {
    .coluna-tempo .linha .quadrado{
        width: 20px;
        height: 20px;
        margin-top: 0px;
        margin-left:0px;
        border-radius: 5px;
        transform: rotate(45deg);
        margin-left: calc(50% - 3px);
    }

    .col-fundacao .linha .quadrado{
        width: 20px;
        height: 20px;
        margin-top: 0px;
        margin-left:0px;
        border-radius: 5px;
        transform: rotate(45deg);
        margin-left: 807px;
    }
}

/* Entre 1000px e 1199px de tela (200px a menos) */
@media screen and (min-width: 1000px) and (max-width: 1199px){
    .coluna-tempo .linha .quadrado{
        width: 20px;
        height: 20px;
        margin-top: 0px;
        margin-left:0px;
        border-radius: 5px;
        transform: rotate(45deg);
        margin-left: calc(50% - 3px);
    }

    .col-fundacao .linha .quadrado{
        width: 20px;
        height: 20px;
        margin-top: 0px;
        margin-left:0px;
        border-radius: 5px;
        transform: rotate(45deg);
        margin-left: 807px;
    }
}

/* Entre 800px e 999px de tela (200px a menos) */
@media screen and (min-width: 800px) and (max-width: 999px){
    .coluna-tempo .linha .quadrado{
        width: 20px;
        height: 20px;
        margin-top: 0px;
        margin-left:0px;
        border-radius: 5px;
        transform: rotate(45deg);
        margin-left: calc(40% - 3px);
    }

    .col-fundacao .linha .quadrado{
        width: 20px;
        height: 20px;
        margin-top: 0px;
        margin-left:0px;
        border-radius: 5px;
        transform: rotate(45deg);
        margin-left: 740px;
    }
    .col-local .linha .quadrado{
        width: 20px;
        height: 20px;
        margin-top: 0px;
        margin-left:0px;
        border-radius: 5px;
        transform: rotate(45deg);
        margin-left: calc(60% - 3px);
    }
}

/* Entre 600px e 799px de tela (200px a menos) */
@media screen and (min-width: 600px) and (max-width: 799px){
    .coluna-tempo .linha .quadrado{
        width: 20px;
        height: 20px;
        margin-top: 0px;
        margin-left: 0px;
        border-radius: 5px;
        transform: rotate(45deg);
        margin-left: calc(33% - 3px);
    }

    .col-fundacao .linha .quadrado{
        width: 20px;
        height: 20px;
        margin-top: 0px;
        margin-left:0px;
        border-radius: 5px;
        transform: rotate(45deg);
        margin-left: 694px;
    }
    .col-local .linha .quadrado{
        width: 20px;
        height: 20px;
        margin-top: 0px;
        margin-left:0px;
        border-radius: 5px;
        transform: rotate(45deg);
        margin-left: calc(60% - 3px);
    }
}

/* A baixo de 600px - Versão para celular */
@media screen and (max-width: 599px){
    .coluna-tempo .linha .quadrado{
        width: 20px;
        height: 20px;
        margin-top: 0px;
        margin-left:0px;
        border-radius: 5px;
        transform: rotate(45deg);
        margin-left: calc(40% - 3px);
    }

    .col-fundacao .linha .quadrado{
        width: 20px;
        height: 20px;
        margin-top: 0px;
        margin-left:0px;
        border-radius: 5px;
        transform: rotate(45deg);
        margin-left: 565px;
    }
    .col-local .linha .quadrado{
        width: 20px;
        height: 20px;
        margin-top: 0px;
        margin-left:0px;
        border-radius: 5px;
        transform: rotate(45deg);
        margin-left: calc(52% - 3px);
    }
}

/*EFEITO de contagem dos numeros*/
    .numero{
        transition: opacity 1s ease-in-out;
    }
    .numero.visible {
        opacity: 1;
    }

.col-futuro .linha .quadrado{
    width: 20px;
    height: 20px;
    margin-top: 0px;
    margin-left:0px;
    border-radius: 5px;
    transform: rotate(45deg);
    margin-left: calc(100% - 10px);
}
.coluna-tempo .ano{
    width: 100%;
    height: 30px;
    margin-top: 10px;
    font-size: 1.5em;
    color: #2d3233;
    font-family: 'Lato Black', Arial, sans-serif;
}
.coluna-tempo .numero{
    width: 100%;
    height: 120px;
    font-size: 6em;
    color: #2d3233;
    font-family: 'Lato Black', Arial, sans-serif;
}
.coluna-tempo .area{
    width: 100%;
    height: 20px;
    font-size: 1.5em;
    color: #2d3233;
    font-family: 'Lato Black', Arial, sans-serif;
}
.coluna-tempo .texto{
    width: 70%;
    height: 100px;
    margin:0px auto;
    font-size: 18px;
    color: #2d3233;
    font-family: 'Open Sans Condensed Regular', Arial, sans-serif;
    letter-spacing: 1px;
}


.responsabilidade-index .conjunto-linha {
    width: 50%;
    height: 160px;
    position: absolute;
    right: 0px;
}
.responsabilidade-index .conjunto-linha .linha1{
    width: 1000px;
    height: 45px;
    border-top: 3px solid #2e8ccb;
    border-left: 3px solid #2e8ccb;
    border-radius: 15px 0px 0px 0px;
    margin-left: 77px;
    margin-top: 0px;
}
.responsabilidade-index .conjunto-linha .linha2{
    width: 32px;
    height: 40px;
    border-right: 3px solid #2e8ccb;
    border-bottom: 3px solid #2e8ccb;
    border-radius: 0px 0px 15px 0px;
    margin-left: 45px;
    margin-top: 0px;
}
.responsabilidade-index .conjunto-linha .linha3{
    width: 42px;
    height: 60px;
    border-top: 3px solid #2e8ccb;
    border-left: 3px solid #2e8ccb;
    border-radius: 15px 0px 0px 0px;
    margin-left: 0px;
    margin-top: -3px;
}

.coluna-compromisso{
    width: 48%;
    height: auto;
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    text-align: center;
    margin-top: 180px;
}
@media screen and (max-width: 799px){
    .coluna-compromisso{
        width: 98%;
        height: auto;
        margin-left: 1%;
        margin-right: 1%;
        float: left;
        text-align: center;
        margin-top: 180px;
    }
}


.coluna-compromisso .centralizado {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}

.coluna-compromisso img {
    margin-right: 10px; /* Espaço entre a imagem e o h2 */
}
.coluna-compromisso h3 {
    margin: 0;
    font-size: 1em;
    color: #2d3233;
}
.coluna-compromisso .subtitulo {
    margin: 0;
    font-size: 1.5em;
    color: #2d3233;
    margin-top: 20px;
    margin-bottom: 20px;
}

.coluna-compromisso h2 {
    margin: 0;
    font-size: 3em;
    color: #2d3233;
}

/* Entre 800px e 999px de tela (200px a menos) */
@media screen and (min-width: 800px) and (max-width: 999px){
    .coluna-compromisso h2 {
        margin: 0;
        font-size: 2em;
        color: #2d3233;
    }
}

/* Entre 600px e 799px de tela (200px a menos) */
@media screen and (min-width: 600px) and (max-width: 799px){
    .coluna-compromisso h2 {
        margin: 0;
        font-size: 3em;
        color: #2d3233;
    }
}

/* A baixo de 600px - Versão para celular */
@media screen and (max-width: 599px){
    .coluna-compromisso h2 {
        margin: 0;
        font-size: 3em;
        color: #2d3233;
    }
}


.coluna-compromisso p {
    width: 90%;
    font-size: 18px;
    color: #2d3233;
    font-family: 'Open Sans Condensed Regular', Arial, sans-serif;
    letter-spacing: 1px;
    margin: 0px auto;
    margin-top: 10px;
}
.linha-azul-compromisso {
    width: 3px;
    height: 600px;
    float: left;
    margin-left: 0px;
    margin-top: 125px;
    background-image: -webkit-linear-gradient(top, #2e8ccb, #2d3233);
    background-image: -moz-linear-gradient(top, #2e8ccb, #2d3233);
    background-image: -o-linear-gradient(top, #2e8ccb, #2d3233);
    background-image: linear-gradient(to bottom, #2e8ccb, #2d3233);
}
.linha-azul-compromisso .quadrado {
    border-radius: 5px;
    transform: rotate(45deg);
    margin-left: -6px;
    margin-top: 592px;
    position: relative;
}
/* A baixo de 600px - Versão para celular */
@media screen and (max-width: 799px){
    .linha-azul-compromisso {
        display: none;
    }
}


.coluna-futuro{
    width: calc(48% - 3px);
    height: auto;
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    text-align: center;
    margin-top: 180px;
}
.coluna-futuro .linha-top-oculto-futuro {
    display: none;
}
.coluna-futuro .linha-azul-final-compromisso {
    display: none;
}
@media screen and (max-width: 799px){
    .coluna-futuro{
        width: 98%;
        height: auto;
        margin-left: 1%;
        margin-right: 1%;
        float: left;
        text-align: center;
        margin-top: 40px;
    }
    .coluna-futuro .linha-top-oculto-futuro {
        width: 3px;
        height: 150px;
        margin: 0px auto;
        margin-top: 0px;
        margin-bottom:40px;
        background-color: #2e8ccb;
        background-image: -webkit-linear-gradient(top, #2d3233, #477178);
        background-image: -moz-linear-gradient(top, #2d3233, #477178);
        background-image: -o-linear-gradient(top, #2d3233, #477178);
        background-image: linear-gradient(to bottom, #2d3233, #477178);
        display: table;
    }
    .coluna-futuro .linha-azul-final-compromisso {
        width: 3px;
        height: 150px;
        margin: 0px auto;
        margin-top: 40px;
        margin-bottom: 40px;
        background-color: #2e8ccb;
        display: grid;
        align-items: end;
        justify-content: center;
        background-image: -webkit-linear-gradient(top, #477178, #2d3233);
        background-image: -moz-linear-gradient(top, #477178, #2d3233);
        background-image: -o-linear-gradient(top, #477178, #2d3233);
        background-image: linear-gradient(to bottom, #477178, #2d3233);
    }
    .coluna-futuro .linha-azul-final-compromisso .quadrado{
        border-radius: 5px;
        transform: rotate(45deg);
    }
}




.coluna-futuro .centralizado {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}

.coluna-futuro img {
    margin-right: 10px; /* Espaço entre a imagem e o h2 */
}
.coluna-futuro h3 {
    margin: 0;
    font-size: 1em;
    color: #477178;
}
.coluna-futuro .subtitulo {
    margin: 0;
    font-size: 1.5em;
    color: #477178;
    margin-top: 20px;
    margin-bottom: 20px;
}
.coluna-futuro h2 {
    margin: 0;
    font-size: 3em;
    color: #477178;
}
/* Entre 800px e 999px de tela (200px a menos) */
@media screen and (min-width: 800px) and (max-width: 999px){
    .coluna-futuro h2 {
        margin: 0;
        font-size: 2em;
        color: #477178;
    }
}

/* Entre 600px e 799px de tela (200px a menos) */
@media screen and (min-width: 600px) and (max-width: 799px){
    .coluna-futuro h2 {
        margin: 0;
        font-size: 3em;
        color: #477178;
    }
}

/* A baixo de 600px - Versão para celular */
@media screen and (max-width: 599px){
    .coluna-futuro h2 {
        margin: 0;
        font-size: 3em;
        color: #477178;
    }
}



.coluna-futuro p {
    width: 90%;
    font-size: 18px;
    color: #2e8ccb;
    font-family: 'Open Sans Condensed Regular', Arial, sans-serif;
    letter-spacing: 1px;
    margin: 0px auto;
    margin-top: 10px;
}

.quadrado-responsabilidade-a {
    border-radius: 5px;
    transform: rotate(45deg);
    margin-left: 182px;
    margin-top: 142px;
    position: absolute;
}
.quadrado-responsabilidade-b {
    border-radius: 5px;
    transform: rotate(45deg);
    margin-left: 540px;
    margin-top: 180px;
    position: absolute;
    animation: subidaDescida 4s ease infinite alternate;
}
.quadrado-responsabilidade-c {
    border-radius: 5px;
    transform: rotate(45deg);
    margin-left: -17px;
    margin-top: 540px;
    position: absolute;
    animation: subidaDescida 2s ease infinite alternate;
}
.quadrado-responsabilidade-d {
    border-radius: 5px;
    transform: rotate(45deg);
    margin-left: 640px;
    margin-top: 150px;
    position: absolute;
    animation: subidaDescida 12s ease infinite alternate;
}


.fundadores {
    width: 100vw;
    height: 100%;
    display: table;
    position: relative;
    text-align: center;
}
.fundadores h3{
    width: 100%;
    height: 20px;
    margin:0px;
    color: #2e8ccb;
}
.fundadores h2 {
    width: 100%;
    height: 62px;
    margin: 0px;
    color: #2e8ccb;
    font-size: 3em;
    margin-top: 20px;
}
@media screen and (min-width: 600px) and (max-width: 799px){
    .fundadores h2 {
        width: 90%;
        height: auto;
        margin: 0px;
        color: #2e8ccb;
        font-size: 3em;
        margin-top: 20px;
        margin-left: 5%;
    }
}
@media screen and (max-width: 599px){
    .fundadores h2 {
        width: 90%;
        height: 90px;
        margin: 0px;
        color: #2e8ccb;
        font-size: 2em;
        margin-top: 20px;
        margin-left: 5%;
    }
}

.fundadores p {
    width: 80%;
    height: auto;
    margin: 0px;
    color: #808080;
    font-size: 16px;
    margin-left: 10%;
}

.fundadores .coluna-a p {
    width: 80%;
    height: auto;
    margin: 0px;
    color: #808080;
    font-size: 16px;
    margin-left: 10%;
    text-align: justify;
}
.fundadores .coluna-b p {
    width: 80%;
    height: auto;
    margin: 0px;
    color: #808080;
    font-size: 16px;
    margin-left: 10%;
    text-align: justify;
}

@media screen and (min-width: 1200px){
    .fundadores .coluna-a {
        width: 36%;
        height: auto;
        display: table;
        float: left;
        margin-left: 11%;
        margin-right: 2%;
        margin-top: 50px;
    }
}

/* Entre 1000px e 1199px de tela (200px a menos) */
@media screen and (min-width: 1000px) and (max-width: 1199px){
    .fundadores .coluna-a {
        width: 36%;
        height: auto;
        display: table;
        float: left;
        margin-left: 12%;
        margin-right: 2%;
        margin-top: 50px;   
    }
}

/* Entre 800px e 999px de tela (200px a menos) */
@media screen and (min-width: 800px) and (max-width: 999px){
    .fundadores .coluna-a {
        width: 36%;
        height: auto;
        display: table;
        float: left;
        margin-left: 2%;
        margin-right: 2%;
        margin-top: 50px;   
    }
}

/* Entre 600px e 799px de tela (200px a menos) */
@media screen and (min-width: 600px) and (max-width: 799px){
    .fundadores .coluna-a {
        width: 62%;
        height: auto;
        display: table;
        float: left;
        margin-top: 50px;
        margin-left: 19%;
    }
}

/* A baixo de 600px - Versão para celular */
@media screen and (max-width: 599px){
    .fundadores .coluna-a {
        width: 100%;
        height: auto;
        display: table;
        float: left;
        margin-top:50px;
    }
    .fundadores .coluna-a .foto_fundador{
        width: 80%;
    }
}





.fundadores .coluna-a .container {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}

.fundadores .coluna-a .container img {
    margin-right: -43px; /* Espaço entre a imagem e o h2 */
}
.fundadores .coluna-a .container h2 {
    width: 80%;
    height: 60px;
    margin: 0;
    font-size: 1.5em;
    color: #2e8ccb;
}
.fundadores .coluna-a h3 {
    width: 100%;
    height: 20px;
    margin: 0px;
    color: #2e8ccb;
    margin-top: 20px;
    margin-bottom: 20px;
}




.fundadores .coluna-b {
    width: 36%;
    height: auto;
    display: table;
    float: left;
    margin-left: 2%;
    margin-right: 2%;
    margin-top:50px;
}
/* Entre 1000px e 1199px de tela (200px a menos) */
@media screen and (min-width: 1000px) and (max-width: 1199px){
    .fundadores .coluna-b {
        width: 36%;
        height: auto;
        display: table;
        float: left;
        margin-left: 5%;
        margin-right: 5%;
        margin-top:50px;
    }
}

/* Entre 800px e 999px de tela (200px a menos) */
@media screen and (min-width: 800px) and (max-width: 999px){
    
}

/* Entre 600px e 799px de tela (200px a menos) */
@media screen and (min-width: 600px) and (max-width: 799px){
    .fundadores .coluna-b {
        width: 62%;
        height: auto;
        display: table;
        float: left;
        margin-top: 50px;
        margin-left: 19%;
    }
}

/* A baixo de 600px - Versão para celular */
@media screen and (max-width: 599px){
    .fundadores .coluna-b {
        width: 100%;
        height: auto;
        display: table;
        float: left;
        margin-top:50px;
    }
    .fundadores .coluna-b .foto_fundador{
        width: 80%;
    }
}


.fundadores .coluna-b .container {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}

.fundadores .coluna-b .container img {
    margin-right: -43px; /* Espaço entre a imagem e o h2 */
}
.fundadores .coluna-b .container h2 {
    width: 80%;
    height: 60px;
    margin: 0;
    font-size: 1.5em;
    color: #2e8ccb;
}
.fundadores .coluna-b h3 {
    width: 100%;
    height: 20px;
    margin: 0px;
    color: #2e8ccb;
    margin-top: 20px;
    margin-bottom: 20px;
}



.fundadores .coluna-c {
    width: 31%;
    height: auto;
    display: table;
    float: left;
    margin-left: 1%;
    margin-right: 1%;
    margin-top:50px;
}
/* Entre 1000px e 1199px de tela (200px a menos) */
@media screen and (min-width: 1000px) and (max-width: 1199px){
    .fundadores .coluna-c {
        width: 40%;
        height: auto;
        display: table;
        float: left;
        margin-left: 30%;
        margin-right: 30%;
        margin-top:50px;
    }
}

/* Entre 800px e 999px de tela (200px a menos) */
@media screen and (min-width: 800px) and (max-width: 999px){
    .fundadores .coluna-c {
        width: 32%;
        height: auto;
        display: table;
        float: left;
        margin-left: 25%;
        margin-right: 25%;
        margin-top:50px;
    }
}

/* Entre 600px e 799px de tela (200px a menos) */
@media screen and (min-width: 600px) and (max-width: 799px){
    .fundadores .coluna-c {
        width: 62%;
        height: auto;
        display: table;
        float: left;
        margin-top: 50px;
        margin-left: 19%;
    }
}

/* A baixo de 600px - Versão para celular */
@media screen and (max-width: 599px){
    .fundadores .coluna-c {
        width: 100%;
        height: auto;
        display: table;
        float: left;
        margin-top:50px;
    }
    .fundadores .coluna-c .foto_fundador{
        width: 80%;
    }
}

.fundadores .coluna-c .container {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}

.fundadores .coluna-c .container img {
    margin-right: 10px; /* Espaço entre a imagem e o h2 */
}
.fundadores .coluna-c .container h2 {
    width: 70%;
    height: 60px;
    margin: 0;
    font-size: 1.5em;
    color: #2e8ccb;
}
.fundadores .coluna-c h3 {
    width: 100%;
    height: 20px;
    margin: 0px;
    color: #2e8ccb;
    margin-top: 20px;
    margin-bottom: 20px;
}

@media screen and (min-width: 800px) and (max-width: 999px) {
    .rodape .coluna_a_rodape {
        width: 48%;
        height: auto;
        margin-left: 1%;
        margin-right: 1%;
        float: left;
        text-align: left;
        margin-top: 50px;
        margin-bottom: 50px;
    }
}