/* Generales */
*{
    font-size: 20px;
    font-family: 'Open Sans';
}
textarea{
    resize: none;
    font-size: .8rem !important;
    outline: none !important;
    box-shadow: none !important;
}
input{
    font-size: .8rem !important;
    box-shadow: none !important;
}
input:focus{
    outline: #0b7a7f !important;
}
#contentContact{
    border-bottom: 4px solid #0b7a7f;
}
#contentContact a{
    color: #0b7a7f;
}
#rightContent{
    display: none;
}
hr {
    border: 2px solid #0b7a7f;
    margin: 2rem 0px .7rem 0px;
    width: 4rem;
}
/* Seccion 1  */
#contentImg{
    height: 50vh;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 10vw;
}
#contentTxtS1{
    margin: 2rem 0px;
}
#txtS1{
    border-left: 5px solid #fff;
    color: #fff;
    font-size: .7rem;
    padding: 0rem .5rem;
    margin: 0px;
}
#txtS2{
    border-left: 5px solid #fff;
    color: #fff;
    font-size: 2rem;
    font-weight: bold;
    padding: 0rem .5rem;
    margin: 0px;
}
/* Seccion 2 */
#contentMain{
    display: flex;
    flex-direction: column;
}
.contentInfo{
    display: flex;
    flex-direction: column;
    padding: 1rem;
}
.tituloInfo{
    font-weight: bold;
}
.txtInfo{
    font-size: .8rem;
    margin: 0px 0px .3rem 0px;
}
.imgIcono{
    width: 3rem;
}
#contentLeft{
    border-bottom:1px solid #8e8e8e;
    border-right: hidden;
}
#contentRight{
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 2rem;
}
#btnForm{
    float: right;
    margin-top: 1rem;
    font-size: .8rem !important;
    background: #0b7a7f !important;
    border: 1px solid #0b7a7f !important;
}

/* Large devices (ipad, 768px and up) */
@media only screen and (min-width: 768px) {
    #txtS1{
        border-left: 5px solid #fff;
        color: #fff;
        font-size: .9rem;
        padding: 0rem .5rem;
        margin: 0px;
    }
    #txtS2{
        border-left: 5px solid #fff;
        color: #fff;
        font-size: 2.5rem;
        font-weight: bold;
        padding: 0rem .5rem;
        margin: 0px;
    }
}

/* Large devices (large laptops and desktops, 1024px and up) */
@media only screen and (min-width: 1024px) {
    /* Generales */
    #rightContent{
        display: block;
        visibility: hidden;
    }
    hr {
        border: 2px solid #0b7a7f;
        margin: 1rem 0px;
        width: 4rem;
    }
    /* Seccion 2 */
    #contentMain{
        display: flex;
        flex-direction: row;
    }
    .contentInfo{
        display: flex;
        flex-direction: row;
    }
    #txtS1{
        border-left: 5px solid #fff;
        color: #fff;
        font-size: .9rem;
        padding: 0rem .5rem;
        margin: 0px;
    }
    #txtS2{
        border-left: 5px solid #fff;
        color: #fff;
        font-size: 2.5rem;
        font-weight: bold;
        padding: 0rem .5rem;
        margin: 0px;
    }
    .imgIcono{
        width: initial;
    }
    #contentLeft{
        border-bottom:hidden;
        border-right:1px solid #8e8e8e;
    }
    #contentRight{
        padding: 0rem 3rem;
        margin-top: 0rem;
    }
}

/* Large devices (large laptops and desktops, 1280px and up) */
@media only screen and (min-width: 1280px) {

}
/* Large devices (large laptops and desktops, 1366px and up) */
@media only screen and (min-width: 1366px) {

}

/* Large devices (large laptops and desktops, 1440px and up) */
@media only screen and (min-width: 1440px) {

}

/* Extra Large devices (large laptops and desktops, 1400px and up)*/
@media only screen and (min-width: 1920px) {

}