h2 {
    text-transform: uppercase;
    margin-bottom: 20px;
    font-size: 1.8em;
}

h3 {
    text-transform: uppercase;
    margin-bottom: 20px;
    font-size: 1.6em;
}

h4 {
    text-transform: uppercase;
    margin-bottom: 20px;
    font-size: 1.4em;
}

h5 {
    text-transform: uppercase;
    margin-bottom: 20px;
    font-size: 1.3em;
}

h6 {
    text-transform: uppercase;
    margin-bottom: 20px;
    font-size: 1.2em;
}

.main_header {
    width: 100%;
    background-color: #ffffff;
}

.main_header .main_header_content {
    max-width: 1300px;
    margin: 0 auto;
    display: flex;
}

.main_header .main_header_content .logo {
    flex-basis: 230px;
    padding: 20px;
    width: 190px;
}

.main_header .main_header_content .main_header_content_menu {
    flex-basis: calc(100% - 240px);
    display: flex;
    justify-content: flex-end;
}

.main_header_content_menu ul {
    display: flex;
    align-items: stretch;
}

.main_header_content_menu ul li {
    list-style: none;
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 1.5em;

}

.main_header_content_menu ul li a {
    padding: 0 26px;
    display: flex;
    align-items: center;
    height: 100%;
    color: rgb(0, 0, 0);
    text-decoration: none;
}

.main_header_content_menu ul li a:hover {
    color: rgb(255, 255, 255);
    background-color: rgb(51, 51, 51);
    text-decoration: none;
}

.main_cta {
    width: 100%;
    height: 1030px;
    background-image: url("../../img/fundo.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.main_cta .main_cta_backgroud {
    height: 100%;
    background: rgba(147, 148, 174, 0.4);
}

.main_cta .main_cta_content {
    max-width: 1300px;
    margin: 0 auto;
}

.main_cta .main_cta_content h1 {
    font-size: 3em;
    color: #fff;
    font-weight: 700;
    text-align: center;
}

.main_cta .main_cta_content p {
    font-size: 1.875em;
    color: #fff;
    font-weight: 300;
    text-align: center;
    margin: 20px 0;
}

.main_cta .main_cta_content .btn {
    background-color: #D36833;
    color: #fff;
    font-size: 0.8em;
    padding: 10px 40px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.main_cta .main_cta_content .main_cta_content_spacer {
    margin: 0 auto;
    max-width: 1300px;
    padding: 160px 40px;
}

.main_cta .main_cta_content .main_cta_content_spacer .main_cta_content_texto1 {
    font-weight: 500;
    font-size: 1.7em;
}

.main_cta .main_cta_content .main_cta_content_spacer .main_cta_content_texto2 {
    font-weight: 400;
    font-size: 1.2em;
}

.mainAbout {
    background-color: rgb(255, 255, 255);
    color: rgb(51, 51, 51);
}

.mainAboutContent {
    max-width: 1300px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    padding-bottom: 60px;
}

.mainAboutContentHeader {
    flex-basis: 80%;
    padding: 20px;
    width: 290px;
    text-align: center;
    margin: 0 auto;
}

.mainAboutContentText {
    max-width: 1300px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.mainAboutContentTextBox {
    flex-basis: calc(33% - 20px);
    display: flex;
}

.mainAboutContentTextBoxImg {
    flex-basis: 30%;
    font-size: 5em;
}

.mainAboutContentTextBoxText {
    flex-basis: 70%;
}

.mainAboutContentHeader h2 {
    text-transform: uppercase;
    margin-bottom: 20px;
    font-size: 1.5em;
}

.mainAboutContentTextBoxText h3 {
    margin-top: 20px;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-size: 1.3em;
}

.mainAboutContentTextBox:hover {
    padding: 5px 10px;
    border: 1px solid rgb(51, 51, 51);
    box-shadow: 5px 10px 18px #999;
    transition: 0.3s ease-in;
}

.mainAbout2 {
    background-color: rgb(0, 0, 0);
    color: rgb(255, 255, 255);
}

.mainAboutContent2 {
    max-width: 1300px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    background-color: rgb(0, 0, 0);
    height: 100%;
    padding-bottom: 60px;
}

.mainAboutContent2Header {
    flex-basis: 70%;
    padding: 20px;
    width: 290px;
    text-align: center;
    margin: 0 auto;
}

.mainAboutContent2Text {
    max-width: 1300px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.mainAboutContent2TextBox {
    flex-basis: calc(25% - 20px);
    padding: 10px 15px;
    background-color: rgb(51, 51, 51);
    border-radius: 4px;
}

.mainAboutContent2TextBox img {
    max-width: 20%;
    margin: 0 auto;
    padding: 20px 0 20px 0;
}

.mainAboutContent2TextBox h4 {
    font-weight: 300;
    text-align: center;

}

.mainAboutContent2TextBox:hover {
    margin-bottom: 30px;
    padding: 10px 15px;
    border: 1px solid rgb(51, 51, 51);
    box-shadow: 5px 10px 18px #999;
    transition: 0.3s ease-in;
}

.comoTrabalhamos {
    background-color: rgb(204, 204, 204);
    color: rgb(51, 51, 51);
}

.comoTrabalhamosConteudo {
    max-width: 1300px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    padding-bottom: 60px;
    background-color: rgb(204, 204, 204);
}

.comoTrabalhamosConteudoTitulo {
    flex-basis: 70%;
    padding: 20px;
    width: 290px;
    text-align: center;
    margin: 0 auto;
}

.comoTrabalhamosConteudoCorpo {
    flex-basis: 70%;
    padding: 20px;
    max-width: 100%;
    text-align: center;
    margin: 0 auto;
}

.tecnologias {
    background-color: rgb(0, 0, 0);
    color: rgb(255, 255, 255);
}

.tecnologiasConteudo {
    max-width: 1300px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    padding-bottom: 60px;
    background-color: rgb(0, 0, 0);
}

.tecnologiasConteudoTitulo {
    flex-basis: 60%;
    padding: 20px;
    width: 290px;
    text-align: center;
    margin: 0 auto;
}

.tecnologiasConteudoCorpo {
    flex-basis: 50%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin: 0 auto;
    flex-wrap: wrap;
}

.tecnologiasConteudoCorpoImg {
    flex-basis: calc(20% - 20px);
}

.cases {
    background-color: rgb(204, 204, 204);
    color: rgb(51, 51, 51);
}

.casesConteudo {
    max-width: 1300px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    height: 100%;
    padding-bottom: 60px;
    background-color: rgb(204, 204, 204);
}

.casesConteudoTitulo {
    flex-basis: 60%;
    padding: 20px;
    width: 290px;
    text-align: center;
    margin: 0 auto;
}

.casesConteudoCorpo {
    flex-basis: 80%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-start;
    min-height: 100px;
    margin: 0 auto;
}

.casesConteudoCorpoImg {
    flex-basis: calc(33% - 10px);
    margin-bottom: 20px;
    background-color: rgba(255, 255, 255, 0.4);
    box-shadow: 5px 10px 18px #999;
    max-width: 100%;
    align-items: center;
}

.casesConteudoCorpoImg img {
    margin: 0 auto;
    max-width: 90%;
}

.valores {
    background-color: rgb(255, 255, 255);
    color: rgb(51, 51, 51);
}

.valoresConteudo {
    max-width: 1300px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    padding-bottom: 60px;
    background-color: rgb(255, 255, 255);
}

.valoresConteudoTitulo {
    flex-basis: 60%;
    padding: 20px;
    width: 290px;
    text-align: center;
    margin: 0 auto;
}

.valoresConteudoCorpo {
    flex-basis: 80%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-start;
    min-height: 100px;
    margin: 0 auto;
}

.valoresConteudoCorpoImg {
    flex-basis: calc(50% - 10px);
    margin-bottom: 20px;
    background-color: rgba(0, 0, 0, 0.8);
    box-shadow: 5px 10px 18px #999;
    max-width: 100%;
    align-items: center;
    padding: 20px 30px;
    text-align: center;
    border-radius: 4px;
}

.valoresConteudoCorpoImg:hover {
    opacity: 0.8;
}

.valoresConteudoCorpoImg img {
    margin: 0 auto;
    max-width: 90%;
    padding: 20px 0 30px 0;
}

.valoresConteudoCorpoImg h6 {
    font-weight: 300;
}

.valoresConteudoCorpoImg p {
    margin-bottom: 30px;
}

.contato {
    background-color: rgb(25, 25, 25);
    color: rgb(255, 255, 255);
}

.contatoConteudo {
    max-width: 1300px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    padding-bottom: 60px;
    background-color: rgb(25, 25, 25);
}

.contatoConteudoTitulo {
    flex-basis: 60%;
    padding: 20px;
    width: 290px;
    text-align: center;
    margin: 0 auto;
}

.contatoConteudoCorpo {
    flex-basis: 80%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-start;
    height: 100%;
    paddin-bottom: 60px;
    margin: 0 auto;
}

.contatoConteudoCorpoTexto {
    flex-basis: calc(50% - 10px);
    margin-bottom: 20px;
    align-items: center;
    padding: 20px 30px;
    text-align: right;
    border-radius: 4px;
}

.contatoConteudoCorpoTexto a {
    text-decoration: none;
    color: rgb(255, 255, 255);
}

.contatoConteudoCorpoTexto:hover {
    opacity: 0.8;
    box-shadow: 5px 10px 18px #999;
}

.contatoConteudoCorpoTexto input {
    width: 100%;
    background-color: rgb(80, 70, 80);
    color: rgb(255, 255, 255);
    padding: 10px 15px;
    margin-bottom: 10px;
    border: none;
    border-radius: 4px;
}

.contatoConteudoCorpoTexto textarea {
    width: 100%;
    background-color: rgb(80, 70, 80);
    color: rgb(255, 255, 255);
    padding: 10px 15px;
    margin-bottom: 10px;
    border: none;
    font-size: 1em;
    font-family: 'Quicksand', sans-serif;
    border-radius: 4px;
}

.endereco {
    background-color: rgb(255, 255, 255);
    color: rgb(51, 51, 51);
}

.enderecoConteudo {
    max-width: 1300px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    height: 100%;
    padding-bottom: 30px;
    background-color: rgb(255, 255, 255);
}

.enderecoConteudoCorpo1 {
    flex-basis: 30%;
    align-items: flex-start;
    margin: 0 auto;
}

.enderecoConteudoCorpo1 img {
    max-width: 60%;
    margin: 0 auto;
    padding: 20px 0 0 0;
}

.enderecoConteudoCorpo1 p {
    text-align: center;
    padding: 30px 10px 0;
}

.enderecoConteudoCorpo1 a {
    font-size: 2.5em;
    color: var(--blue);
}

.enderecoConteudoCorpo2 {
    flex-basis: 65%;
    margin: 0 auto;
}

.enderecoConteudoCorpo2 p {
    text-align: center;
    padding: 30px 10px 0;
    font-weight: 700;
}
.enderecoConteudoCorpo2 a {
    padding: 20px 0 40px 0;
    font-size: 2.5em;
    color: var(--blue);
}

.footer {
    background-color: rgb(39, 39, 41);
    color: rgb(255, 255, 255);
}

.footerCorpo {
    max-width: 1300px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    height: 100%;
    padding: 30px 0 60px 0;
    background-color: rgb(39, 39, 41);
}