.clasebackground{
    background-position: top !important;
}

.cont-servicio{
  border: 1px solid rgb(214, 213, 213);
}

.servicios .fa-handshake-o, .servicios .fa-briefcase, .servicios .fa-home{
    font-size: 60pt !important;
    text-align: center !important;
    color: #5e7074;
    margin: auto !important;
}

.cont-servicio p{
    font-size: 14pt;
    color: rgb(153, 152, 152) !important;
    padding:5px !important;
}

.servicios h2, .servicios h4{
    color: #5e7074;
}

@media (min-width: 768px) and (max-width: 991px)  {
    .servicios{
      margin: auto !important;
      }
 }

@media (min-width: 668px) and (max-width: 767px)  {
    .servicios{
        margin: auto !important;
      }
 }

@media (min-width: 544px) and (max-width: 667px)  {
    .servicios{
      margin: auto !important;
    }
      }

@media (min-width: 411px) and (max-width: 543px)  {
    .servicios, .parrafo-hipo{
        margin: 0px !important;
        padding: 10px !important;
      }
}


@media (min-width: 320px) and (max-width: 410px)  {
  .serv-arri h1 {
   font-size: 25pt !important;
   padding: 0px !important;
   margin: 0px !important;
  }

  .img-arri{
      width: 80%;
      margin-left: 30px !important;
      padding: 0px !important;
  }
  .servicios, .parrafo-hipo{
    margin: 0px !important;
    padding: 10px !important;
  }

  .servicios .lista-arri {
    width: 90%;
    padding-left: -350px !important;
  }

}