.contenedor-servicios{
    padding-right: 14%;
    padding-left: 14%;
}
.signos-responsive{
    display: none;
}
/************SERVICIO 1****************/
.servicio1{
    position: relative;
    margin-bottom: 15em;
}
.servicio1 h1{
    position: absolute;
    font-size: 25em;
    font-family: montserratBold;
    top: 25%;
    transform: translate(-58%,-50%);
}
.servicio1 h2{
    font-size: 35px;
    margin-left: 70px;
    margin-bottom: 20px;
}
.servicio1 b{
    font-size: 48px;
    font-family: montserratBold;
}
.servicio1 .parte1 img{
    width: 24em;
    position: relative;
}
.servicio1 .parte2{
    position: absolute;
    top: 78px;
    transform: translateX(115%);
    width: 368px;
}
.servicio1 .parte2 p{
    font-size: 20px;
    padding-left: 15px;
    border-left: 4px solid #0698fa;
    margin-bottom: 50px;
}
/************SERVICIO 2****************/
.servicio2{
    position: relative;
    margin-bottom: 15em;
    /* left: 50%;
    transform: translateX(-50%);
    width: min-content; */
}
.servicio2 h1{
    position: absolute;
    font-size: 25em;
    font-family: montserratBold;
    top: 30%;
    left: 50%;
    transform: translate(-148%,-50%);
}
.servicio2 h2{
    font-size: 35px;
    margin-left: 70px;
    margin-bottom: 20px;
    position: relative;
    /* width: max-content; */
    width: 18em;
    left: 50%;
    transform: translateX(-28%);
}
.servicio2 .parte1 b{
    font-size: 48px;
    color: #db543a;
    font-family: montserratBold;
}
.servicio2 .parte1 img{
    width: 24em;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}
.servicio2 .parte2{
    position: absolute;
    top: 78px;
    right: 50%;
    transform: translateX(163%);
    width: 368px;
}
.servicio2 .parte2 p{
    font-size: 20px;
    padding-left: 15px;
    border-left: 4px solid #0698fa;
    margin-bottom: 50px;
}
/************SERVICIO 3****************/
.servicio3{
    position: relative;
    margin-bottom: 15em;
}
.servicio3 h1{
    position: absolute;
    font-size: 25em;
    font-family: montserratBold;
    top: 30%;
    right: 0;
    transform: translate(-137%,-50%);
    color: #db543a;
}
.servicio3 h2{
    font-size: 35px;
    margin-left: 70px;
    margin-bottom: 20px;
    position: relative;
    right: -5em;
}
.servicio3 .parte1 b{
    font-size: 48px;
    color: #db543a;
    font-family: montserratBold;
}
.servicio3 .parte1 img{
    width: 24em;
    position: relative;
}
.servicio3 .parte2{
    position: absolute;
    bottom: -106px;
    right: 27em;
    width: 435px;
}
.servicio3 .parte2 p{
    font-size: 20px;
    padding-right: 15px;
    border-right: 4px solid #db543a;
    margin-bottom: 50px;
}
/************SERVICIO 4****************/
.servicio4{
    position: relative;
    margin-bottom: 15em;
}
.servicio4 h1{
    position: absolute;
    font-size: 25em;
    font-family: montserratBold;
    top: 30%;
    right: 0;
    transform: translate(66%,-50%);
}
.servicio4 h2{
    font-size: 35px;
    margin-bottom: 20px;
    position: relative;
    left: -20px;
}
.servicio4 b{
    font-size: 48px;
    color: #db543a;
    font-family: montserratBold;
}
.servicio4 .parte1 img{
    width: 24em;
    position: relative;
}
.servicio4 .parte2{
    position: absolute;
    bottom: -14px;
    right: 27em;
    width: 290px;
}
.servicio4 .parte2 p{
    font-size: 20px;
    padding-right: 15px;
    border-right: 4px solid #db543a;
    margin-top: 50px;
}
/************SERVICIO 5****************/
.servicio5{
    position: relative;
    margin-bottom: 15em;
}
.servicio5 h1{
    position: absolute;
    font-size: 25em;
    font-family: montserratBold;
    top: 23%;
    right: 50%;
    transform: translate(152%,-50%);
    color: #db543a;
}
.servicio5 h2{
    font-size: 35px;
    margin-bottom: 20px;
    position: relative;
    /* width: max-content; */
    width: 16.5em;
    left: 50%;
    transform: translateX(-76%);
}
.servicio5 b{
    font-size: 48px;
    color: #db543a;
    font-family: montserratBold;
}
.servicio5 .parte1 img{
    width: 24em;
    position: relative;
    right: 50%;
    transform: translateX(50%);
}
.servicio5 .parte2{
    position: absolute;
    bottom: -14px;
    width: 445px;
    left: 50%;
    transform: translateX(-153%);
}
.servicio5 .parte2 p{
    font-size: 20px;
    padding-right: 15px;
    border-right: 4px solid #db543a;
    margin-top: 50px;
}
/************SERVICIO 6****************/
.servicio6 h1 {
    transform: translate(-72%,-50%);
    color: #0698fa;
}
.servicio6 h2 {
    margin-left: 70px;
}
.servicio6 b {
    color: #db543a;
}
/******REFERENCIALES*****************/
@media(max-width:1400px){
    .servicio1 .parte1 img,.servicio2 .parte1 img ,
    .servicio3 .parte1 img,.servicio4 .parte1 img ,
    .servicio5 .parte1 img  {
        width: 21em;
    }
    .servicio1 h1,.servicio2 h1,.servicio3 h1,.servicio4 h1,.servicio5 h1 {
        font-size: 22em;
    }
    .servicio1 h2 {
        margin-left: 50px;
    }
    .servicio2 h2 {
        margin-left: 50px;
    }
    .servicio1 h2,.servicio2 h2,.servicio3 h2,.servicio4 h2,.servicio5 h2 {
        font-size: 30px;
    }
    .servicio1 b,.servicio2 .parte1 b,.servicio3 .parte1 b,.servicio4 .parte1 b,.servicio5 .parte1 b {
        font-size: 43px;
    }
    .servicio1 .parte2 {
        top: 72px;
        transform: translateX(102%);
    }
    .servicio2 .parte2 {
        top: 72px;
        transform: translateX(155%);
    }
    .servicio3 .parte2 {
        right: 23em;
    }
    .servicio4 .parte2 {
        right: 23em;
    }
    .servicio5 .parte2 {
        width: 360px;
        transform: translateX(-156%);
    }
}
@media(max-width:1199px){
    .servicio1 .parte1 img, .servicio2 .parte1 img, 
    .servicio3 .parte1 img, .servicio4 .parte1 img, 
    .servicio5 .parte1 img{
        width: 18em;
    }
    .servicio1 h1, .servicio2 h1, .servicio3 h1, .servicio4 h1, .servicio5 h1 {
        font-size: 18em;
    }
    .servicio1 h2, .servicio2 h2, .servicio3 h2,.servicio4 h2, .servicio5 h2 {
        font-size: 25px;
    }
    .servicio1 b, .servicio2 .parte1 b, .servicio3 .parte1 b,.servicio4 .parte1 b,.servicio5 .parte1 b {
        font-size: 35px;
    }
    .servicio1 .parte2 p, .servicio2 .parte2 p, 
    .servicio3 .parte2 p, .servicio4 .parte2 p, 
    .servicio5 .parte2 p {
        font-size: 17px;
    }
    .servicio1 .parte2 {
        top: 63px;
        transform: translateX(88%);
    }
    .servicio2 .parte2 {
        top: 63px;
        transform: translateX(158%);
        width: 300px;
    }
    .servicio3 .parte2 {
        right: 20em;
    }
    .servicio4 .parte2 {
        right: 20em;
    }
    .servicio5 .parte2 {
        width: 305px;
        transform: translateX(-156%);
    }
}
@media(max-width:991px){
    .servicio1 .parte1 img, .servicio2 .parte1 img, 
    .servicio3 .parte1 img, .servicio4 .parte1 img, 
    .servicio5 .parte1 img{
        width: 16em;
    }
    .servicio1 h1, .servicio2 h1, .servicio3 h1, .servicio4 h1, .servicio5 h1 {
        font-size: 16em;
    }
    .servicio1 .parte2 {
        transform: translateX(80%);
    }
    /************/
    .servicio2 .parte1 img {
        left: inherit;
        transform: inherit;
    }
    .servicio2 h1 {
        left: inherit;
        transform: translate(-58%,-58%);
    }
    .servicio2 h2 {
        margin-left: 70px;
        left: inherit;
        transform: inherit;
    }
    .servicio2 .parte2 {
        transform: translateX(80%);
        width: 368px;
        right: inherit;
    }
    /********************/
    .columna3{
        text-align: inherit!important;
    }
    .servicio3 h1 {
        right: inherit;
        transform: translate(-58%,-50%);
    }
    .servicio3 h2 {
        right: inherit;
    }
    .servicio3 .parte2 {
        bottom: inherit;
        right: inherit;
        width: 355px;
        transform: translateX(82%);
        top: 63px;
    }
    .servicio3 .parte2 p {
        padding-right: inherit;
        padding-left: 15px;
        border-right: inherit;
        border-left: 4px solid #db543a;
    }
    /*******************/
    .servicio4 h1 {
        right: inherit;
        transform: translate(-63%,-71%);
    }
    .servicio4 h2 {
        left: 68px;
    }
    .servicio4 .parte2 {
        bottom: inherit;
        right: inherit;
        width: 355px;
        transform: translateX(82%);
        top: 63px;
    }
    .servicio4 .parte2 p {
        padding-right: inherit;
        padding-left: 15px;
        border-right: inherit;
        border-left: 4px solid #db543a;
    }
    /**************/
    .servicio5 h1 {
        right: inherit;
        transform: translate(-60%,-50%);
    }
    .servicio5 h2 {
        left: inherit;
        transform: translateX(18%);
    }
    .servicio5 .parte1 img {
        right: inherit;
        transform: inherit;
    }
    .servicio5 .parte2 {
        bottom: inherit;
        left: inherit;
        width: 355px;
        transform: translateX(82%);
        top: 63px;
    }
    .servicio5 .parte2 p {
        padding-right: inherit;
        padding-left: 15px;
        border-right: inherit;
        border-left: 4px solid #db543a;
    }
    /*******************/
    .servicio6 h1 {
        transform: translate(-65%,-50%);
    }
}
@media(max-width:767px){
    .signosNormal{
        display: none;
    }
    .signos-responsive{
        display: block;
    }
    .servicio1 .parte1 img, .servicio2 .parte1 img, 
    .servicio3 .parte1 img, .servicio4 .parte1 img, 
    .servicio5 .parte1 img{
        margin-left: 3em;
    }
    /***************/
    .servicio1 h1 {
        top: 13%;
    }
    .servicio1 .parte2 {
        transform: inherit;
        position: relative;
        width: auto;
    }
    /************/
    .servicio2 .parte2 {
        transform: inherit;
        width: auto;
        right: inherit;
        position: relative;
    }
    .servicio2 h2 {
        /* width: min-content; */
        width: 11em;
        margin-left: 95px;
    }
    .servicio2 h1 {
        transform: translate(-44%,-70%);
    }
    /*************/
    .servicio3 h1 {
        transform: translate(-45%,-70%);
    }
    .servicio3 h2 {
        width: min-content;
        margin-left: 95px;
    }
    .servicio3 .parte2 {
        width: auto;
        transform: inherit;
        position: relative;
    }
    /***********/
    .servicio4 h1 {
        transform: translate(-45%,-81%);
    }
    .servicio4 h2 {
        margin-left: 30px;
        width: 8em;
    }
    .servicio4 .parte2 {
        width: auto;
        transform: inherit;
        position: relative;
    }
    /************/
    .servicio5 h1 {
        transform: translate(-48%,-60%);
    }
    .servicio5 h2 {
        transform: translateX(36%);
        /* width: min-content; */
        width: 11em;
    }
    .servicio5 .parte2 {
        width: auto;
        transform: inherit;
        position: relative;
    }
    /**********/
    .servicio6 h1 {
        transform: translate(-48%,-50%);
    }
    .servicio6 h2 {
        margin-left: 97px;
        width: min-content;
    }
    /****************/
    .servicio1 #imagen1,.servicio2 .parte2 img,.servicio3 .parte2 img,
    .servicio4 .parte2 img,.servicio5 .parte2 img,.servicio6 .parte2 img{
        visibility: visible;
        animation-delay: 1.8s;
        animation-name: fadeIn;
    }
}
@media(max-width:575px){
    .servicio1 h2, .servicio2 h2, .servicio3 h2,.servicio4 h2,.servicio5 h2 {
        font-size: 22px;
    }
    .servicio1 b, .servicio2 .parte1 b, .servicio3 .parte1 b,.servicio4 .parte1 b,.servicio5 .parte1 b  {
        font-size: 30px;
    }
    .servicio1 h1, .servicio2 h1, .servicio3 h1,.servicio4 h1,.servicio5 h1 {
        font-size: 15em;
    }
    .servicio1 .parte2 img, .servicio2 .parte2 img, 
    .servicio3 .parte2 img, .servicio4 .parte2 img, 
    .servicio5 .parte2 img{
        position: relative;
        left: 50%;
        transform: translateX(-50%);
    }
    /*******************/
    .servicio1 h1 {
        transform: translate(-46%,-50%);
    }
    /****************/
    .servicio2 h1 {
        transform: translate(-35%,-70%);
    }
    /*****************/
    .servicio3 h1 {
        transform: translate(-34%,-70%);
    }
    /*****************/
    .servicio4 h1 {
        transform: translate(-34%,-90%);
    }
    .servicio4 h2 {
        margin-left: 58px;
    }
    /*****************/
    .servicio5 h1 {
        transform: translate(-36%,-66%);
    }
    /***************/
    .servicio6 h1 {
        transform: translate(-38%,-50%);
    }
}
@media(max-width:400px){
    .servicio1 h1, .servicio2 h1, .servicio3 h1,.servicio4 h1,.servicio5 h1 {
        font-size: 12em;
    }
    .servicio1 .parte1 img, .servicio2 .parte1 img, 
    .servicio3 .parte1 img, .servicio4 .parte1 img, 
    .servicio5 .parte1 img{
        width: 13em;
    }
    .servicio1 h2, .servicio2 h2, .servicio3 h2,.servicio4 h2,.servicio5 h2 {
        font-size: 20px;
    }
    .servicio1 b, .servicio2 .parte1 b, .servicio3 .parte1 b,.servicio4 .parte1 b,.servicio5 .parte1 b {
        font-size: 25px;
    }
    /************/
    .servicio2 h2 {
        margin-left: 75px;
    }
    /**********/
    .servicio3 h2 {
        margin-left: 75px;
    }
    /**********/
    .servicio4 h2 {
        margin-left: 39px;
    }
    .servicio4 h1 {
        transform: translate(-34%,-98%);
    }
    /***********/
    .servicio6 h2 {
        margin-left: 85px;
    }
}