html {
    scroll-behavior: smooth;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}


/*BUTTON*/

.btn-dl {
    background-color: white;
    box-shadow: 0 0 20px black;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    z-index: 12;
}

.btn-dl .btnws {
    padding: 6px;
    cursor: pointer;
    width: 50px;
    height: 50px;
    position: fixed;
    right: 14px;
    bottom: 10px;
    z-index: 12;
}

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;300;500;600&display=swap');
.container {
    width: 80%;
    margin: auto;
}

.bold {
    font-weight: bold;
}

.text-indent-antro {
    text-indent: -100px;
}

.text-indent-titulo {
    text-indent: 150px;
}

.wrap {
    width: 100%;
    height: auto;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    flex-grow: 1;
    flex-shrink: 0;
}

.flex-container {
    display: flex;
    flex-wrap: wrap;
}

.responsive {
    width: 100%;
    height: auto;
    object-fit: contain;
    margin-left: auto;
    margin-right: auto;
}

.section_blue {
    display: flex;
    flex-direction: column;
    background-color: rgb(247, 192, 111);
    height: 500px;
    width: 100%;
    margin: auto;
}

.section_white {
    background-color: rgb(255, 255, 255);
    padding: 100px 50px 100px 50px;
    display: flex;
}

.section_nosotros {
    display: flex;
    padding: 100px 50px 100px 50px;
    background-image: url(../img/fondo-1.jpg);
    background-position: center center fixed;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: 100% cover;
    width: 100%;
}

.logoxl {
    width: 385px;
    height: auto;
}

@media only screen and (max-width:1200px) {
    .section_nosotros {
        display: flex;
        padding: 100px 50px 100px 50px;
        background-image: url(../img/fondo-1200.jpg);
        background-position: center center fixed;
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: 100% cover;
        width: 100%;
        height: 600px;
    }
}

@media only screen and (max-width:800px) {
    .section_nosotros {
        display: flex;
        padding: 100px 50px 100px 50px;
        background-image: url(../img/fondo-800.jpg);
        background-position: center center fixed;
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: 100% cover;
        width: 100%;
        height: 600px;
    }
    .logo500 {
        width: 350px;
        height: auto;
    }
}

@media only screen and (max-width:500px) {
    .section_nosotros {
        display: flex;
        padding: 50px 15px 50px 15px;
        background-image: url(../img/fondo-500.jpg);
        background-position: center center fixed;
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: 100% cover;
        width: 100%;
        height: 600px;
    }
    .logo500 {
        width: 240px;
        height: auto;
    }
}

.section_blanco {
    background-color: rgb(255, 255, 255);
    padding: 100px 50px 100px 50px;
}

.section_grey {
    background-color: rgb(64, 64, 64);
    padding: 100px 50px 100px 50px;
    display: flex;
    align-items: stretch;
}

@media only screen and (max-width:800px) {
    .section_grey {
        background-color: rgb(64, 64, 64);
        padding: 50px 15px 50px 15px;
        display: flex;
        align-items: stretch;
    }
}

.section_compromiso {
    background-color: rgb(64, 64, 64);
    padding: 100px 50px 100px 50px;
    display: flex;
    align-items: stretch;
}

.section_contacto {
    background-color: rgb(64, 64, 64);
    padding: 100px 50px 100px 50px;
    display: flex;
    align-items: stretch;
    flex-grow: 1;
    flex-shrink: 0;
}

.section_equipo {
    background-color: rgb(64, 64, 64);
    padding: 100px 50px 100px 50px;
    display: flex;
    flex-wrap: wrap;
    flex-grow: 1;
    flex-shrink: 0;
}

.section_servicios {
    background-color: rgb(64, 64, 64);
    padding: 100px 100px;
    display: flex;
    flex-wrap: wrap;
    flex-grow: 1;
    flex-shrink: 0;
}

@media only screen and (max-width:860px) {
    .section_servicios {
        background-color: rgb(64, 64, 64);
        padding: 100px 50px 100px 50px;
        display: flex;
        flex-wrap: wrap;
        flex-grow: 1;
        flex-shrink: 0;
    }
}

@media only screen and (max-width:390px) {
    .section_servicios {
        background-color: rgb(64, 64, 64);
        padding: 100px 20px 100px 20px;
        display: flex;
        flex-wrap: wrap;
        flex-grow: 1;
        flex-shrink: 0;
    }
}

.section_plomo {
    background-color: rgb(219, 219, 219);
    padding: 100px 50px 100px 50px;
    display: flex;
}

.section_proyectos {
    position: relative;
    display: flex;
    flex-grow: 1;
    flex-shrink: 0;
}

.section_proyectos .fondo {
    position: absolute;
    background: no-repeat;
    left: 0;
    bottom: -100px;
    width: 100%;
}

.section_plomopilares {
    display: flex;
    background-color: rgb(255, 255, 255);
    padding: 100px 50px 40px 50px;
}

@media only screen and (max-width:1300px) {
    .section_plomopilares {
        display: flex;
        background-color: rgb(255, 255, 255);
        padding: 100px 20px 40px 20px;
    }
}

.section_quote {
    display: flex;
    padding: 100px 50px 100px 50px;
    flex-grow: 1;
    flex-shrink: 0;
}

@media only screen and (max-width:800px) {
    .section_quote {
        display: flex;
        padding: 100px 10px 100px 10px;
        flex-grow: 1;
        flex-shrink: 0;
    }
}

@media only screen and (max-width:500px) {
    .section_quote {
        display: flex;
        padding: 100px 10px 100px 10px;
        flex-grow: 1;
        flex-shrink: 0;
    }
}

.section_quote2 {
    display: flex;
    padding: 100px 50px 100px 50px;
    flex-grow: 1;
    flex-shrink: 0;
}

@media only screen and (max-width:600px) {
    .section_quote2 {
        display: flex;
        padding: 100px 50px 100px 50px;
        flex-grow: 1;
        flex-shrink: 0;
    }
}

.section_footer {
    background-color: rgb(219, 219, 219);
    padding: 50px 50px 50px 50px;
}

.nosotros {
    display: flex;
    align-items: stretch;
    justify-content: space-around;
    flex-direction: column;
    flex-grow: 1;
    padding-left: 20px;
    padding-right: 20px;
}

.nosotros .row2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    justify-content: center;
    text-align: center;
}

.nosotros .bullets {
    font-size: calc(4em + 2vw);
    color: #D7B1A4;
    font-family: 'Montserrat', sans-serif;
    display: inline-block;
    vertical-align: top;
    height: .75em;
    line-height: .75em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.nosotros .fondo {
    position: absolute;
    background: no-repeat;
    left: 0;
    bottom: -100px;
    width: 100%;
}

.nosotros h1 {
    padding-bottom: 20px;
    font-family: 'Montserrat', sans-serif;
    font-style: italic;
    color: #424242;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.nosotros p {
    padding-bottom: 20px;
    font-size: calc(0.5em + 1vw);
    font-family: 'Montserrat', sans-serif;
    letter-spacing: 0.5px;
    word-spacing: 3px;
    line-height: 1.7;
    font-weight: 300;
    color: rgb(64, 64, 64);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.hacemos {
    display: flex;
    align-items: flex-start;
    margin-left: 50px;
    margin-right: 50px;
    justify-content: space-between;
    flex-direction: column;
}

.hacemos .row2 {
    display: flex;
    flex-direction: row;
}

.text-ind {
    text-indent: 80px;
}

.hacemos h1 {
    font-size: calc(2em + 1vw);
    font-family: 'Montserrat', sans-serif;
    font-style: italic;
    color: rgb(255, 153, 0);
    padding-bottom: 20px;
}

.hacemos p {
    font-size: calc(0.5em + 1vw);
    font-family: 'Montserrat', sans-serif;
    letter-spacing: 0.5px;
    word-spacing: 3px;
    line-height: 1.7;
    font-weight: 300;
    color: rgb(219, 219, 219);
    padding-bottom: 20px;
    padding-right: 20px;
    text-align: left;
}

.hacemos img {
    width: 100%;
    max-width: 1500px;
    height: auto;
}

@media only screen and (max-width:768px) {
    .hacemos {
        display: flex;
        margin-left: 50px;
        margin-right: 50px;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    .hacemos .row2 {
        display: flex;
        flex-direction: column;
    }
    .text-ind {
        text-indent: 0px;
    }
    .hacemos h1 {
        font-size: calc(2em + 1vw);
        font-family: 'Montserrat', sans-serif;
        font-style: italic;
        color: rgb(255, 153, 0);
        padding-bottom: 20px;
        text-align: center;
    }
    .hacemos p {
        font-size: calc(0.5em + 1vw);
        font-family: 'Montserrat', sans-serif;
        letter-spacing: 0.5px;
        word-spacing: 3px;
        line-height: 1.7;
        font-weight: 300;
        color: rgb(219, 219, 219);
        padding-bottom: 20px;
        padding-right: 0px;
        text-align: center;
    }
}

.hacemos .bullets1 {
    display: inline-block;
    font-size: calc(4em + 2vw);
    color: rgb(219, 219, 219);
    font-family: 'Montserrat', sans-serif;
    vertical-align: top;
    height: .75em;
    line-height: .75em;
}

.hacemos .bullets2 {
    display: inline-block;
    font-size: calc(4em + 2vw);
    color: rgb(219, 219, 219);
    font-family: 'Montserrat', sans-serif;
    vertical-align: top;
    height: .75em;
    line-height: .75em;
}

.hacemos .bullets3 {
    display: inline-block;
    font-size: calc(4em + 2vw);
    color: rgb(219, 219, 219);
    font-family: 'Montserrat', sans-serif;
    vertical-align: top;
    height: .75em;
    line-height: .75em;
}

.imghacemos {
    display: flex;
    padding: 100px 50px 100px 50px;
    background-image: url(../img/fondo-3.jpg);
    background-position: center center fixed;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: 100% cover;
    width: 100%;
    height: 350px;
    flex-grow: 1;
    flex-shrink: 0;
}

@media only screen and (max-width:784px) {
    .imghacemos {
        display: flex;
        padding: 100px 50px 100px 50px;
        background-image: url(../img/fondo-32.jpg);
        background-position: center;
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: 100% cover;
        width: 100%;
        height: 340px;
        flex-grow: 1;
        flex-shrink: 0;
    }
}

.imghacemosdiv {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: right;
    margin-left: 50px;
    margin-right: 50px;
    flex-grow: 1;
    flex-shrink: 0;
}

.compromiso {
    display: flex;
    align-items: flex-start;
    margin-left: 50px;
    margin-right: 50px;
    margin-bottom: 50px;
    justify-content: space-between;
    flex-direction: column;
}

.compromiso .containerimg {
    width: 50%;
}

.compromiso .comp_hijo {
    align-self: center;
}

.compromiso .row2 {
    display: flex;
    flex-direction: row;
}

.compromiso .bordery {
    border-left: solid 3px;
    border-color: rgb(255, 153, 0);
    padding-left: 30px;
}

.compromiso h1 {
    font-size: calc(2em + 1vw);
    font-family: 'Montserrat', sans-serif;
    font-style: italic;
    color: rgb(255, 153, 0);
    padding-bottom: 20px;
}

.text-indent {
    text-indent: 50px;
}

.compromiso p {
    font-size: calc(0.5em + 1vw);
    font-family: 'Montserrat', sans-serif;
    letter-spacing: 0.5px;
    word-spacing: 3px;
    line-height: 1.7;
    font-weight: 300;
    color: rgb(219, 219, 219);
    padding-bottom: 20px;
    padding-right: 20px;
    text-align: justify;
}

@media only screen and (max-width:780px) {
    .compromiso {
        display: flex;
        align-items: center;
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        justify-content: space-between;
        flex-direction: column;
        text-align: center;
    }
    .compromiso .row2 {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }
    .compromiso .containerimg {
        width: 100%;
    }
    .compromiso .containerimg img {
        max-height: 100%;
        max-width: 100%;
    }
    .compromiso p {
        text-align: center;
    }
}

.objetivo {
    display: flex;
    align-items: flex-start;
    margin-left: 50px;
    margin-right: 50px;
    justify-content: space-between;
    flex-direction: column;
}

@media only screen and (max-width:700px) {
    .objetivo {
        display: flex;
        align-items: center;
        margin-left: 0px;
        margin-right: 0px;
        justify-content: space-between;
        flex-direction: column;
        text-align: center;
    }
    .objetivo h1 {
        font-size: calc(2em + 1vw);
        font-family: 'Montserrat', sans-serif;
        font-style: italic;
        color: rgb(255, 153, 0);
        padding-bottom: 20px;
        margin-right: 0px;
    }
}

.objetivo h1 {
    font-size: calc(2em + 1vw);
    font-family: 'Montserrat', sans-serif;
    font-style: italic;
    color: rgb(255, 153, 0);
    padding-bottom: 20px;
    margin-right: 20px;
}

.objetivo p {
    font-size: calc(0.5em + 1vw);
    font-family: 'Montserrat', sans-serif;
    letter-spacing: 0.5px;
    word-spacing: 3px;
    line-height: 1.7;
    font-weight: 300;
    color: rgb(64, 64, 64);
    padding-bottom: 20px;
    padding-right: 20px;
    text-align: center;
    word-break: keep-all;
}

.objetivo .row2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    justify-content: center;
    text-align: center;
}

.objetivo .bullets {
    font-size: calc(4em + 2vw);
    color: #D7B1A4;
    font-family: 'Montserrat', sans-serif;
    display: inline-block;
    vertical-align: top;
    height: .75em;
    line-height: .75em;
}

.block {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    font-size: 16px;
}

.blockq1 {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    font-size: 16px;
}

.blockq2 {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    font-size: 16px;
}

.block h2 {
    position: relative;
    display: block;
    text-align: center;
    margin: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 10vw;
    color: white;
    font-weight: 400;
}

.img-parallax {
    width: 100vmax;
    z-index: -1;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    pointer-events: none
}

.quote {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: right;
    margin-left: 50px;
    margin-right: 50px;
    flex-grow: 1;
    flex-shrink: 0;
}

.quote .imgquote {
    width: auto;
    height: 1871px;
    box-sizing: border-box;
    text-align: center;
    display: flex;
}

.quote h2 {
    font-size: calc(1.55em + 1vw);
    font-family: 'Montserrat', sans-serif;
    font-style: italic;
    color: rgb(255, 153, 0);
    text-shadow: 1px 0px 5px rgba(17, 17, 17, 1);
    text-align: right;
}

.quote .quoteh {
    font-size: calc(2.50em + 1vw);
    font-family: 'Montserrat', sans-serif;
    font-style: italic;
    color: rgb(226, 226, 226);
    text-shadow: 1px 0px 5px rgba(17, 17, 17, 1);
    text-align: right;
    padding-bottom: 20px;
}

@media only screen and (max-width:1200px) {
    .quote h2 {
        font-size: calc(1em + 1vw);
        font-family: 'Montserrat', sans-serif;
        font-style: italic;
        color: rgb(255, 153, 0);
        text-shadow: 1px 0px 5px rgba(17, 17, 17, 1);
        text-align: right;
    }
    .quote .quoteh {
        font-size: calc(2em + 1vw);
        font-family: 'Montserrat', sans-serif;
        font-style: italic;
        color: rgb(226, 226, 226);
        text-shadow: 1px 0px 5px rgba(17, 17, 17, 1);
        text-align: right;
        padding-bottom: 20px;
    }
    .ticketnaranjo {
        width: 40px;
        height: auto;
        padding-bottom: 8px;
    }
}

@media only screen and (max-width:800px) {
    .quote {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        margin-left: 0px;
        margin-right: 0px;
    }
    .quote h2 {
        font-size: calc(0.75em + 1vw);
        font-family: 'Montserrat', sans-serif;
        font-style: italic;
        color: rgb(255, 153, 0);
        text-shadow: 1px 0px 5px rgba(17, 17, 17, 1);
        text-align: right;
        overflow-wrap: break-word;
    }
    .quote .quoteh {
        font-size: calc(1.3em + 1vw);
        font-family: 'Montserrat', sans-serif;
        font-style: italic;
        color: rgb(226, 226, 226);
        text-shadow: 1px 0px 5px rgba(17, 17, 17, 1);
        text-align: right;
        padding-bottom: 20px;
        overflow-wrap: break-word;
    }
    .ticketnaranjo {
        width: 25px;
        height: auto;
        padding-bottom: 5px;
    }
}

@media only screen and (max-width:520px) {
    .quote h2 {
        font-size: calc(0.7em + 1vw);
        font-family: 'Montserrat', sans-serif;
        font-style: italic;
        color: rgb(255, 153, 0);
        text-shadow: 1px 0px 5px rgba(17, 17, 17, 1);
        text-align: center;
    }
    .quote .quoteh {
        font-size: calc(1.5em + 1vw);
        font-family: 'Montserrat', sans-serif;
        font-style: italic;
        color: rgb(226, 226, 226);
        text-shadow: 1px 0px 5px rgba(17, 17, 17, 1);
        text-align: center;
        padding-bottom: 20px;
    }
    .ticketnaranjo {
        width: 25px;
        height: auto;
        padding-bottom: 5px;
    }
    .show1 {
        display: block;
    }
    .hide1 {
        display: none;
    }
}

@media screen and (min-width:520px) {
    .show1 {
        display: none;
    }
    .hide1 {
        display: block;
    }
}

.quote2 {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: right;
    margin-left: 50px;
    margin-right: 50px;
    padding-left: 150px;
    flex-grow: 1;
    flex-shrink: 0;
}

.quote2 h2 {
    font-size: calc(1.55em + 1vw);
    font-family: 'Montserrat', sans-serif;
    font-style: italic;
    text-align: right;
    color: rgb(255, 153, 0);
    text-shadow: 1px 0px 5px rgba(17, 17, 17, 1);
}

.quote2 .quoteh2 {
    font-size: calc(2.50em + 1vw);
    font-family: 'Montserrat', sans-serif;
    font-style: italic;
    text-align: right;
    padding-bottom: 20px;
    color: rgb(226, 226, 226);
    text-shadow: 1px 0px 5px rgba(17, 17, 17, 1);
}

.quote2 a {
    color: rgb(226, 226, 226);
    text-decoration: none;
    opacity: 1;
    transition: color 0.3s linear 0.2s;
}

.quote2 a:hover {
    color: rgb(255, 153, 0);
    text-decoration: underline;
    opacity: 1;
    transition: color 0.3s linear 0.2s;
}

@media only screen and (max-width:1200px) {
    .quote2 h2 {
        font-size: calc(1em + 1vw);
        font-family: 'Montserrat', sans-serif;
        font-style: italic;
        text-align: right;
        color: rgb(255, 153, 0);
        text-shadow: 1px 0px 5px rgba(17, 17, 17, 1);
    }
    .quote2 .quoteh2 {
        font-size: calc(2em + 1vw);
        font-family: 'Montserrat', sans-serif;
        font-style: italic;
        color: rgb(226, 226, 226);
        text-align: right;
        padding-bottom: 20px;
        text-shadow: 1px 0px 5px rgba(17, 17, 17, 1);
    }
}

@media only screen and (max-width:600px) {
    .quote2 {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 10px;
        flex-grow: 1;
        flex-shrink: 0;
    }
    .quote2 h2 {
        font-size: calc(1em + 1vw);
        font-family: 'Montserrat', sans-serif;
        font-style: italic;
        text-align: center;
        z-index: 3;
        color: rgb(255, 153, 0);
        text-shadow: 1px 0px 5px rgba(17, 17, 17, 1);
    }
    .quote2 .quoteh2 {
        font-size: calc(2em + 1vw);
        font-family: 'Montserrat', sans-serif;
        font-style: italic;
        color: rgb(226, 226, 226);
        text-align: center;
        padding-bottom: 20px;
        z-index: 3;
        text-shadow: 1px 0px 5px rgba(17, 17, 17, 1);
    }
    .ticketnaranjo2 {
        width: 25px;
        height: auto;
        padding-bottom: 5px;
        z-index: 3;
    }
}

@media only screen and (max-width:400px) {
    .quote2 h2 {
        font-size: calc(0.7em + 1vw);
        font-family: 'Montserrat', sans-serif;
        font-style: italic;
        text-align: center;
        color: rgb(255, 153, 0);
        text-shadow: 1px 0px 5px rgba(17, 17, 17, 1);
    }
    .quote2 .quoteh2 {
        font-size: calc(1.5em + 1vw);
        font-family: 'Montserrat', sans-serif;
        font-style: italic;
        color: rgb(226, 226, 226);
        text-align: center;
        padding-bottom: 20px;
        text-shadow: 1px 0px 5px rgba(17, 17, 17, 1);
    }
    .ticketnaranjo2 {
        width: 25px;
        height: auto;
        padding-bottom: 5px;
    }
}

.pilares {
    display: flex;
    flex-direction: column;
}

.pilares h1 {
    font-size: calc(2em + 1vw);
    font-family: 'Montserrat', sans-serif;
    font-style: italic;
    color: rgb(64, 64, 64);
    padding-bottom: 20px;
    margin-right: 20px;
}

@media only screen and (max-width:1200px) {
    .text-inesp {
        text-indent: 80px;
    }
}

.pilares p {
    font-size: calc(0.3em + 1vw);
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    color: rgb(64, 64, 64);
    padding-top: 18px;
    padding-bottom: 25px;
    padding-right: 10px;
    padding-left: 10px;
    text-align: center;
}

.pilares .flow2 {
    display: flex;
    flex-flow: wrap;
    align-items: center;
    justify-content: center;
}

@media only screen and (max-width:1050px) {
    .pilares .flow2 {
        display: flex;
        flex-flow: wrap;
    }
    .child:nth-of-type(1) {
        order: 1;
    }
    .child:nth-of-type(2) {
        order: 2;
    }
    .child:nth-of-type(3) {
        order: 3;
    }
    .child:nth-of-type(4) {
        order: 4;
    }
    .child:nth-of-type(5) {
        order: 5;
    }
}

@media only screen and (max-width:900px) {
    .pilares p {
        font-size: calc(0.5em + 1vw);
        font-family: 'Montserrat', sans-serif;
        font-weight: 300;
        color: rgb(64, 64, 64);
        padding-top: 18px;
        padding-bottom: 20px;
        padding-right: 10px;
        padding-left: 10px;
        text-align: center;
    }
}

@media only screen and (max-width:600px) {
    .pilares h1 {
        font-size: calc(2em + 1vw);
        font-family: 'Montserrat', sans-serif;
        font-style: italic;
        color: rgb(64, 64, 64);
        padding-bottom: 20px;
        text-align: center;
    }
    .pilares p {
        font-size: calc(0.7em + 1vw);
        font-family: 'Montserrat', sans-serif;
        font-weight: 300;
        color: rgb(64, 64, 64);
        padding-top: 18px;
        padding-bottom: 20px;
        padding-right: 10px;
        padding-left: 10px;
        text-align: center;
    }
    .text-inesp {
        text-indent: 0px;
    }
}

@media only screen and (max-width:300px) {
    .pilares .flow2 {
        display: flex;
        flex-flow: column;
    }
}

.columna {
    display: flex;
    flex-flow: column;
    align-items: center;
    text-align: center;
    padding: 10px
}

.sombrapilar {
    display: block;
    width: 200px;
    height: 200px;
    -webkit-filter: drop-shadow(0 3px 2px rgba(42, 42, 42, 0.2));
    filter: drop-shadow(0 3px 2px rgba(42, 42, 42, 0.2));
}

.sombrapilar:hover {
    display: block;
    width: 200px;
    height: 200px;
    -webkit-filter: drop-shadow(0 3px 2px rgba(32, 32, 32, 0.6));
    filter: drop-shadow(0 3px 2px rgba(32, 32, 32, 0.6));
}

.pilares .cardo {
    position: relative;
    width: 230px;
    height: 360px;
    overflow: hidden;
    align-items: center;
    text-align: center;
}

.pilares .cardo>div {
    height: 100%;
    width: 100%;
}

.pilares .cardo .foreground {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgb(255, 255, 255);
    transition: .1s ease;
}

.pilares .cardo:hover .foreground {
    opacity: 0;
    transition: .1s ease;
}

.pilares a {
    color: rgb(64, 64, 64);
    text-decoration: none;
}

.pilares a:hover {
    color: #a16100;
    text-decoration: none;
}

.equipo {
    display: flex;
    align-items: stretch;
    justify-content: space-around;
    flex-direction: column;
    flex-grow: 1;
    padding-left: 20px;
    padding-right: 20px;
}

.equipo .row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    justify-content: center;
    text-align: center;
}

@media only screen and (max-width:768px) {
    .equipo {
        display: flex;
        align-items: stretch;
        justify-content: space-around;
        flex-direction: column;
        flex-grow: 1;
        padding-left: 0px;
        padding-right: 0px;
    }
}

.equipo .fila4 {
    display: flex;
    flex-direction: row;
}

.equipo .rownowrap {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: stretch;
    width: 100%;
    height: auto;
    padding-top: 50px;
}

.center {
    text-align: center;
    align-items: center;
}

.equipo h1 {
    font-size: calc(2em + 1vw);
    font-family: 'Montserrat', sans-serif;
    font-style: italic;
    color: rgb(255, 153, 0);
    padding-bottom: 20px;
    text-align: center;
}

.equipo p {
    font-size: calc(0.5em + 1vw);
    font-family: 'Montserrat', sans-serif;
    letter-spacing: 0.5px;
    word-spacing: 3px;
    line-height: 1.7;
    font-weight: 300;
    color: rgb(219, 219, 219);
    padding-bottom: 20px;
    padding-right: 20px;
    text-align: center;
}

.servicios {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-left: 0px;
    margin-right: 0px;
}

.servicios .row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: stretch;
}

.containerd {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: nowrap;
}

@media only screen and (max-width:1100px) {
    .containerd {
        display: flex;
        flex-direction: column;
        align-items: center;
        flex-wrap: wrap;
    }
}

.conta:nth-of-type(1) {
    order: 1;
}

.conta:nth-of-type(2) {
    order: 2;
}

.conta:nth-of-type(3) {
    order: 3;
}

.conta:nth-of-type(4) {
    order: 4;
}

.containerd .card {
    position: relative;
    cursor: pointer;
    padding-left: 30px;
}

.containerd .card .face {
    width: 300px;
    height: 200px;
    transition: 0.5s;
}

.containerd .card .face.face1 {
    position: relative;
    background: rgb(74, 74, 74);
    opacity: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    transform: translateY(100px);
}

.containerd .card:hover .face.face1 {
    opacity: 0;
    transition: all 1s ease-in-out;
    transform: translateY(0);
}

.containerd .card:hover .face.face1.imghover1 {
    background-image: url('../img/caracterizacion.jpg');
    background-repeat: no-repeat;
    background-position: left;
    opacity: 1;
    transition: all 0.8s ease;
}

.containerd .card:hover::after .imghover1 {
    opacity: 1;
}

.containerd .card:hover .face.face1.imghover2 {
    background-image: url('../img/aerofoto.jpg');
    background-repeat: no-repeat;
    background-position: left;
    opacity: 1;
    transition: all 0.8s ease;
}

.containerd .card:hover::after .imghover2 {
    opacity: 1;
}

.containerd .card:hover .face.face1.imghover3 {
    background-image: url('../img/monitoreo.jpg');
    background-repeat: no-repeat;
    background-position: left;
    opacity: 1;
    transition: all 0.8s ease;
}

.containerd .card:hover::after .imghover3 {
    opacity: 1;
}

.containerd .card:hover .face.face1.imghover4 {
    background-image: url('../img/sondeo.jpg');
    background-repeat: no-repeat;
    background-position: left;
    opacity: 1;
    transition: all 0.8s ease;
}

.containerd .card:hover::after .imghover4 {
    opacity: 1;
}

.containerd .card:hover .face.face1.imghover5 {
    background-image: url('../img/rescate.jpg');
    background-repeat: no-repeat;
    background-position: left;
    opacity: 1;
    transition: all 0.8s ease;
}

.containerd .card:hover::after .imghover5 {
    opacity: 1;
}

.containerd .card:hover .face.face1.imghover6 {
    background-image: url('../img/varios4.jpg');
    background-repeat: no-repeat;
    background-position: left;
    opacity: 1;
    transition: all 0.8s ease;
}

.containerd .card:hover::after .imghover6 {
    opacity: 1;
}

.containerd .card:hover .face.face1.imghover7 {
    background-image: url('../img/seguimiento.jpg');
    background-repeat: no-repeat;
    background-position: left;
    opacity: 1;
    transition: all 0.8s ease;
}

.containerd .card:hover::after .imghover7 {
    opacity: 1;
}

.containerd .card:hover .face.face1.imghover8 {
    background-image: url('../img/varios3.jpg');
    background-repeat: no-repeat;
    background-position: left;
    opacity: 1;
    transition: all 0.8s ease;
}

.containerd .card:hover::after .imghover8 {
    opacity: 1;
}

.containerd .card:hover .face.face1.imghover9 {
    background-image: url('../img/varios2.jpg');
    background-repeat: no-repeat;
    background-position: left;
    opacity: 1;
    transition: all 0.8s ease;
}

.containerd .card:hover::after .imghover9 {
    opacity: 1;
}

.containerd .card:hover .face.face1.imghover10 {
    background-image: url('../img/varios1.jpg');
    background-repeat: no-repeat;
    background-position: left;
    opacity: 1;
    transition: all 0.8s ease;
}

.containerd .card:hover::after .imghover10 {
    opacity: 1;
}

.containerd .card:hover .face.face1.imghover11 {
    background-image: url('../img/materiales.jpg');
    background-repeat: no-repeat;
    background-position: left;
    opacity: 1;
    transition: all 0.8s ease;
}

.containerd .card:hover::after .imghover11 {
    opacity: 1;
}

.containerd .card:hover .face.face1.imghover12 {
    background-image: url('../img/museos.jpg');
    background-repeat: no-repeat;
    background-position: left;
    opacity: 1;
    transition: all 0.8s ease;
}

.containerd .card:hover::after .imghover12 {
    opacity: 0.2;
}

.containerd .card .face.face1 .content {
    opacity: 0.8;
    transition: 0.5s;
}

.containerd .card:hover .face.face1 .content {
    opacity: 1;
}

.containerd .card .face.face1 .content img {
    width: 75px;
    height: 75px;
}

.containerd .card .face.face1 .content h3 {
    margin: 10px 0 0;
    padding: 0;
    color: rgb(231, 15, 15);
    text-align: center;
    font-size: 1.5em;
}

.containerd .card .face.face2 {
    position: relative;
    background: #545454;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    box-sizing: border-box;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.8);
    transform: translateY(-100px);
}

.containerd .card:hover .face.face2 {
    transform: translateY(0);
}

.containerd .card .face.face2 .content p {
    margin: 0;
    padding: 0;
    text-align: center;
}

.containerd .card .face.face2 .content a {
    margin: 15px 0 0;
    display: inline-block;
    text-decoration: none;
    font-weight: 900;
    color: #333;
    padding: 5px;
    border: 1px solid #333;
}

.containerd .card .face.face2 .content a:hover {
    background: #333;
    color: rgb(209, 32, 32);
}

.pcenter {
    display: flex;
}

.center {
    text-align: center;
    align-items: center;
}

.servicios h1 {
    font-size: calc(2em + 1vw);
    font-family: 'Montserrat', sans-serif;
    font-style: italic;
    color: rgb(255, 153, 0);
    padding-bottom: 20px;
    text-align: left;
}

@media only screen and (max-width:860px) {
    .servicios {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-left: 0px;
        margin-right: 0px;
    }
    .containerd .card {
        position: relative;
        cursor: pointer;
        padding-left: 0px;
    }
    .servicios h1 {
        text-align: center;
    }
}

.servicios p {
    font-size: calc(0.2em + 0.8vw);
    font-family: 'Montserrat', sans-serif;
    letter-spacing: 0.5px;
    word-spacing: 3px;
    line-height: 1.7;
    font-weight: 300;
    color: rgb(219, 219, 219);
    padding-bottom: 20px;
    padding-top: 20px;
    text-align: center;
}

@media only screen and (max-width:860px) {
    .servicios p {
        font-size: calc(0.5em + 0.8vw);
        font-family: 'Montserrat', sans-serif;
        letter-spacing: 0.5px;
        word-spacing: 3px;
        line-height: 1.7;
        font-weight: 300;
        color: rgb(219, 219, 219);
        padding-bottom: 20px;
        padding-top: 20px;
        text-align: center;
    }
}

.proyectos {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-left: 50px;
    margin-right: 50px;
    padding: 100px 50px 100px 50px;
    flex-grow: 1;
}

.proyectos .row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}

@media only screen and (max-width:1000px) {
    .proyectos {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        margin-left: 0px;
        margin-right: 0px;
        padding: 100px 50px 100px 50px
    }
}

.proyectos .fullwidth {
    width: 100%;
    height: auto;
}

.proyectos .bordery {
    border-left: solid 3px;
    border-color: rgb(255, 153, 0);
    padding-left: 10px;
    text-align: left;
}

.proyectos .borderb {
    border-left: solid 3px;
    border-color: rgb(255, 153, 0);
    padding-left: 10px;
    padding-right: 80px;
}

.proyectos h1 {
    font-size: calc(2em + 1vw);
    font-family: 'Montserrat', sans-serif;
    font-style: italic;
    color: rgb(64, 64, 64);
    text-align: left;
}

.proyectos .h1antropica {
    font-size: calc(2em + 1vw);
    font-family: 'Montserrat', sans-serif;
    font-style: italic;
    color: rgb(255, 153, 0);
    padding-bottom: 20px;
    text-align: left;
}

.proyectos .h1antropica::before {
    content: '    ';
    white-space: pre;
}

.proyectos h2 {
    font-size: calc(6.3em + 3vw);
    font-family: 'Montserrat', sans-serif;
    font-style: italic;
    color: rgb(64, 64, 64);
    padding-bottom: 20px;
    text-align: left;
}

.proyectos .especial {
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
}

.proyectos .suma {
    font-size: calc(2em + 1vw);
    font-family: 'Montserrat', sans-serif;
    font-style: bold;
    font-weight: 500;
    color: rgb(64, 64, 64);
}

.proyectos h3 {
    font-size: calc(0.7em + 1vw);
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    color: rgb(64, 64, 64);
    padding-bottom: 20px;
    padding-right: 20px;
    text-align: left;
}

@media only screen and (max-width:900px) {
    .proyectos h2 {
        font-size: calc(4em + 3vw);
        font-family: 'Montserrat', sans-serif;
        font-style: italic;
        color: rgb(64, 64, 64);
        padding-bottom: 20px;
        text-align: left;
    }
    .proyectos h3 {
        font-size: calc(0.5em + 1vw);
        font-family: 'Montserrat', sans-serif;
        font-weight: 300;
        color: rgb(64, 64, 64);
        padding-bottom: 20px;
        padding-right: 20px;
        text-align: left;
    }
    .proyectos .borderb {
        border-left: solid 3px;
        border-color: rgb(255, 153, 0);
        padding-left: 10px;
        padding-right: 30px;
    }
}

@media only screen and (max-width:590px) {
    .proyectos h2 {
        font-size: calc(3em + 3vw);
        font-family: 'Montserrat', sans-serif;
        font-style: italic;
        color: rgb(64, 64, 64);
        padding-bottom: 20px;
        text-align: left;
    }
    .proyectos h3 {
        font-size: calc(0.7em + 1vw);
        font-family: 'Montserrat', sans-serif;
        font-weight: 300;
        color: rgb(64, 64, 64);
        padding-bottom: 20px;
        padding-right: 10px;
        text-align: left;
    }
    .proyectos .suma {
        font-size: calc(1em + 1vw);
        font-family: 'Montserrat', sans-serif;
        font-style: bold;
        font-weight: 500;
        color: rgb(64, 64, 64);
    }
    .proyectos .row {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-around;
        align-items: stretch;
    }
}

@media only screen and (max-width:480px) {
    .proyectos {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        margin-left: 0px;
        margin-right: 0px;
        padding: 100px 10px 100px 10px
    }
    .proyectos h2 {
        font-size: calc(2.4em + 3vw);
        font-family: 'Montserrat', sans-serif;
        font-style: italic;
        color: rgb(64, 64, 64);
        padding-bottom: 20px;
        text-align: left;
    }
    .proyectos h3 {
        font-size: calc(0.7em + 1vw);
        font-family: 'Montserrat', sans-serif;
        font-weight: 300;
        color: rgb(64, 64, 64);
        padding-bottom: 20px;
        padding-right: 10px;
        text-align: left;
    }
    .proyectos .suma {
        font-size: calc(1em + 1vw);
        font-family: 'Montserrat', sans-serif;
        font-style: bold;
        font-weight: 500;
        color: rgb(64, 64, 64);
    }
    .proyectos .row {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-around;
        align-items: stretch;
    }
}

.clientes {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-left: 50px;
    margin-right: 50px;
    flex-grow: 1;
}

.clientes .row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: stretch;
}

.clientes .fullwidth {
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}

@media only screen and (max-width:1100px) {
    .clientes {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        margin-left: 0px;
        margin-right: 0px;
        flex-grow: 1;
    }
    .clientes .row {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-around;
        align-items: stretch;
    }
    .clientes .caja {
        width: 350px;
        height: auto;
        padding-left: 20px;
        padding-right: 20px;
    }
    #clientesroll {
        position: relative;
        height: 170px;
        width: 350px;
        margin: 0 auto;
    }
    .clienten:nth-of-type(1) {
        order: 1;
    }
    .clienten:nth-of-type(2) {
        order: 2;
    }
    .clienten:nth-of-type(3) {
        order: 3;
    }
    .clienten:nth-of-type(4) {
        order: 4;
    }
    .clienten:nth-of-type(5) {
        order: 5;
    }
}

.clientes .caja {
    width: 200px;
    height: auto;
    padding-left: 20px;
    padding-right: 20px;
}

#clientesroll {
    position: relative;
    height: 125px;
    width: 200px;
    margin: 0 auto;
}

#clientesroll img {
    position: absolute;
    left: 0;
    -webkit-transition: opacity 0.6s ease-in-out;
    -moz-transition: opacity 0.6s ease-in-out;
    -o-transition: opacity 0.6s ease-in-out;
    transition: opacity 0.6s ease-in-out;
}

#clientesroll img.top:hover {
    opacity: 0;
}

.clientes .cardo {
    position: relative;
    width: 150px;
    height: auto;
    overflow: hidden;
}

.clientes .cardo>div {
    height: 100%;
    width: 100%;
}

.clientes .cardo .foreground {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgb(255, 255, 255);
    transition: .1s ease;
}

.clientes .cardo:hover .foreground {
    opacity: 0;
    transition: .1s ease;
}

.clientes h1 {
    font-size: calc(2em + 1vw);
    font-family: 'Montserrat', sans-serif;
    font-style: italic;
    color: rgb(64, 64, 64);
    padding-bottom: 20px;
    text-align: left;
}

.contacto {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-left: 50px;
    margin-right: 50px;
    flex-grow: 1;
}

.contacto .row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: stretch;
}

@media screen and (max-width:880px) {
    .contacto .row {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: space-around;
        align-items: stretch;
    }
    .contacto {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex-grow: 1;
        margin-left: 0px;
        margin-right: 0px;
    }
}

.contacto .fullwidth {
    width: 100%;
    height: auto;
}

.justifyrow {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    text-align: left;
}

.justifix {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
}

.alignleft {
    display: flex;
    text-align: left;
}

.contacto .child {
    width: 40%;
}

@media screen and (max-width:880px) {
    .contacto .child {
        width: 100%;
    }
    .show {
        display: block;
    }
    .hide {
        display: none;
    }
    .contacto p {
        font-size: calc(0.5em + 1vw);
        font-family: 'Montserrat', sans-serif;
        font-weight: 500;
        font-style: italic;
        color: rgb(219, 219, 219);
        line-height: 1.6;
        padding-bottom: 20px;
        padding-right: 20px;
        text-align: left;
    }
}

@media screen and (min-width:880px) {
    .show {
        display: none;
    }
    .hide {
        display: block;
    }
}

.contacto h1 {
    font-size: calc(2em + 1vw);
    font-family: 'Montserrat', sans-serif;
    font-style: italic;
    color: rgb(219, 219, 219);
    text-align: left;
}

.contacto h2 {
    font-size: calc(1.5em + 1vw);
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    font-style: italic;
    color: rgb(255, 153, 0);
    padding-bottom: 20px;
    padding-right: 20px;
    text-align: left;
}

.contacto p {
    font-size: calc(0.5em + 1vw);
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-style: italic;
    color: rgb(219, 219, 219);
    padding-bottom: 20px;
    padding-right: 20px;
    text-align: left;
}

.contacto a {
    color: #a16100;
    text-decoration: none;
}

.contacto a:hover {
    color: rgb(255, 153, 0);
    text-decoration: underline;
}


/* Style inputs, select elements and textareas */

input[type=text],
select,
textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid #818181;
    border-radius: 0px;
    box-sizing: border-box;
    resize: vertical;
    font-size: calc(0.2em + 1vw);
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    background: #818181;
    color: rgb(219, 219, 219);
    -webkit-text-fill-color: rgb(219, 219, 219);
    font-style: italic;
}

@media screen and (max-width:880px) {
    input[type=text],
    select,
    textarea {
        width: 100%;
        padding: 12px;
        border: 1px solid #818181;
        border-radius: 0px;
        box-sizing: border-box;
        resize: vertical;
        font-size: calc(0.5em + 1vw);
        font-family: 'Montserrat', sans-serif;
        font-weight: 300;
        background: #818181;
        color: rgb(219, 219, 219);
        -webkit-text-fill-color: rgb(219, 219, 219);
        font-style: italic;
    }
}

#message {
    height: 230px;
}


/* Style the label to display next to the inputs */

label {
    padding: 12px 12px 12px 0;
    display: inline-block;
    font-size: calc(0.5em + 1vw);
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-style: italic;
    color: rgb(219, 219, 219);
}


/* Style the submit button */

input[type=submit] {
    background-color: rgb(255, 153, 0);
    color: rgb(219, 219, 219);
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    float: right;
    margin-top: 60px;
    margin-bottom: 60px;
}

input[type=submit]:hover {
    background-color: rgb(148, 92, 7);
}

.footer {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.footer p {
    font-size: calc(0.1em + 1vw);
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    color: rgb(64, 64, 64);
}

@media screen and (max-width:880px) {
    .footer p {
        font-size: calc(0.3em + 1.3vw);
        font-family: 'Montserrat', sans-serif;
        font-weight: 500;
        color: rgb(64, 64, 64);
    }
}

#hero {
    height: 100vh;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

#hero::after {
    width: 100%;
    height: 100%;
    content: '';
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.1);
}

#hero video {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    object-fit: cover;
    font-family: 'object-fit: cover';
}

#hero .texture {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 8;
    top: 0;
    left: 0;
    background: url('../img/felt.png');
    opacity: 0.5;
}

#hero .caption {
    position: relative;
    z-index: 4;
    text-align: center;
    color: rgb(219, 219, 219);
}

#hero .caption h1 {
    text-transform: uppercase;
    font-size: 3em;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    margin-bottom: 0.5em;
    text-shadow: 1px 0px 5px rgba(17, 17, 17, 1);
}

#hero .caption h2 {
    text-transform: uppercase;
    font-size: 3em;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    text-shadow: 1px 0px 5px rgba(17, 17, 17, 1);
}

#hero .caption h3 {
    font-weight: 200;
    font-size: 1.5rem;
    margin: 0;
    font-family: 'Montserrat', sans-serif;
    text-shadow: 1px 0px 5px rgba(17, 17, 17, 1);
}

@media screen and (max-width:1200px) {
    #hero .caption h2 {
        font-size: 2.3rem;
    }
    #hero .caption h3 {
        font-weight: 200;
        font-size: 1.8rem;
        margin: 0;
        font-family: 'Montserrat', sans-serif;
    }
    .text-indent-antro {
        text-indent: -80px;
    }
    .text-indent-titulo {
        text-indent: 120px;
    }
}

@media screen and (max-width:992px) {
    #hero .caption h2 {
        font-size: 1.8rem;
    }
    #hero .caption h3 {
        font-weight: 200;
        font-size: 1.4rem;
        margin: 0;
        font-family: 'Montserrat', sans-serif;
    }
    .text-indent-antro {
        text-indent: -60px;
    }
    .text-indent-titulo {
        text-indent: 100px;
    }
}

@media screen and (max-width:768px) {
    #hero .caption h2 {
        font-size: 1.8rem;
    }
    #hero .caption h3 {
        font-weight: 200;
        font-size: 1.4rem;
        margin: 0;
        font-family: 'Montserrat', sans-serif;
    }
    .text-indent-antro {
        text-indent: -60px;
    }
    .text-indent-titulo {
        text-indent: 100px;
    }
}

@media screen and (max-width:500px) {
    #hero .caption h2 {
        font-size: 1.2rem;
    }
    #hero .caption h3 {
        font-weight: 200;
        font-size: 0.8rem;
        margin: 0;
        font-family: 'Montserrat', sans-serif;
    }
    .text-indent-antro {
        text-indent: -50px;
    }
    .text-indent-titulo {
        text-indent: 50px;
    }
}