.cont-mt-neg {
     margin-top: -10%;
     background: #f4f4f4
}

.page-header {
     font-size: 4rem !important;
     margin-top: 28%
}

.back-style-line {
     padding-left: 5%;
}

.back-style-line:after {
     content: '';
     height: 0%;
     width: 5px;
     position: absolute;
     left: 0;
     top: 25%;
     background-color: #dd2d40;
     transition: all .3s ease-in-out;
}


.back-style-line:before {
     content: '';
     height: 0%;
     width: 1px;
     position: absolute;
     left: 0;
     top: 9%;
     background-color: #a9a9a9;
     transition: all .3s ease-in-out;
}

.back-style-line.in-view:after {
     content: '';
     height: 30%;
     width: 5px;
     position: absolute;
     left: 0;
     top: 9%;
     background-color: #dd2d40;
     transition: all .7s ease-in-out;

}


.back-style-line.in-view:before {
     content: '';
     height: 90%;
     width: 1px;
     position: absolute;
     left: 0;
     top: 25%;
     background-color: #a9a9a9;
     transition: all .8s ease-in-out;

}


h4 {
     margin: 0;
     padding-top: 2%;
     font-size: 1.4rem;
}


.barco {
     background: url('../img/barco2.jpg');
     background-size: cover;
}

.pad-container-our-services {
     padding: 3% 3% 3% 10%;
     margin-bottom: 2%
}

.pad-container-our-services:last-of-type {
     padding: 3% 3% 3% 10%;
     margin-bottom: 0
}

.back-our-services {
     background: url('../img/back-our-services.jpg');
     background-size: cover;
}


.equal {
     display: flex;
     display: -webkit-flex;
     flex-wrap: wrap;
   }

   @media (min-width: 768px) {
     .row.equal {
       display: flex;
       flex-wrap: wrap;
     }
   }

@media (max-width: 768px) {

     .cont-mt-neg {
          margin-top: -30%;
          background: #f4f4f4
     }

     #mob-id>.pad-container {
          margin-bottom: 10%;
     }

     .back-style-line.in-view:after {
          content: '';
          height: 70%;
          width: 5px;
          position: absolute;
          left: 0;
          top: 25%;
          background-color: #dd2d40;
          transition: all .7s ease-in-out;
     }


     .back-style-line.in-view:before {
          content: '';
          height: 300%;
          top: 25%;
          transition: all .7s ease-in-out;
     }


     .page-header {
          margin-top: 15%
     }

     .edificio {
          background-size: 70%;
          background-position-x: 100%;
          background-position-y: 110%;
          background-repeat: no-repeat;
     }

     h4 {
          font-size: 1.3rem;
     }
}