@charset "utf-8";

body{
       background: #282828;
       font-family: "Century", Century, sans-serif;
   }

   #CapHumano h2{
       margin-bottom: 47px;
       margin-top: 50px;
       margin-left: 590px;
   }
   #CapHumano h4{
       margin-bottom: 2px;
       margin-left: 590px;
   }
   #CapHumano .about-img img{
       position: relative;
       top: 330px;
       width: 400px;
       height: 300px;
       margin-left: 10px;
       margin-top: 7px;
   }
   #CapHumano .about-img h2{
      position: relative;
      top: -160px;
      margin-left: 510px;
   }

   #CapHumano .about-img h4{
      position: relative;
      top: -180px;
      margin-left: 510px;
   }

   #CapHumano .about-img a{
      position: relative;
      top: -175px;
      margin-left: 900px;
      color:black;
      font-size: 22px;
   }

   .text-white{
       position: relative;
       top: -180px;
       color: black;
       margin-left: 510px;
   }
   p{
       margin-bottom: 0;
       font-size: 16px;
       line-height: 24px;
   }

  .banner img{
       position:absolute;
       top:0;
       left:0;
       width:100%;
       height: 986px;
       object-fit: cover;
       opacity:0.25;
  }

  .columna{
    margin-top: 6em;
    display: flex;
    justify-content: center;
    align-items: center;
    background: white;
    width: 100%;
    height: 870px;
  } 

  @media (max-width: 1085px){

  #CapHumano .about-img h2{
    position: relative;
    top: -160px;
    margin-left: 510px;
  }
  #CapHumano .about-img h4{
      position: relative;
      top: -185px;
      margin-left: 510px;
   }

  .text-white{
       position: relative;
       top: -180px;
       color: black;
       margin-left: 510px;
   }

   #CapHumano .about-img a{
      position: relative;
      top: -185px;
      margin-left: 820px;
      color:black;
      font-size: 22px;
   }

   .banner img{
      margin-top: 100px;
      height: 915px;
  }

  .columna{
    margin-top: 6em;
    display: flex;
    justify-content: center;
    align-items: center;
    background: white;
    width: 100%;
    height: 900px;
  } 
}


@media (max-width: 1024px){
  #CapHumano .about-img img{
       position: relative;
       top: 330px;
       width: 350px;
       height: 250px;
       margin-left: 50px;
       margin-top: 7px;
   }

  #CapHumano .about-img h2{
       position: relative;
       top: -160px;
       margin-left: 480px;
  }
  #CapHumano .about-img h4{
       position: relative;
       top: -185px;
       margin-left: 480px;
  }

  .text-white{
       position: relative;
       top: -180px;
       color: black;
       margin-left: 480px;
   }

   #CapHumano .about-img a{
      position: relative;
      top: -185px;
      margin-left: 790px;
      color:black;
      font-size: 22px;
   }
}

@media (max-width: 967px){

  #CapHumano .about-img h2{
       position: relative;
       top: -140px;
       margin-left: 480px;
  }

  #CapHumano .about-img h4{
       position: relative;
       top: -165px;
       margin-left: 480px;
  }

  .text-white{
       position: relative;
       top: -160px;
       color: black;
       margin-left: 480px;
   }

   #CapHumano .about-img a{
      position: relative;
      top: -165px;
      margin-left: 790px;
      color:black;
      font-size: 22px;
   }

}

@media (max-width: 969px){

  #CapHumano .about-img h2{
       position: relative;
       top: -120px;
       margin-left: 480px;
  }

  #CapHumano .about-img h4{
       position: relative;
       top: -145px;
       margin-left: 480px;
  }

  .text-white{
       position: relative;
       top: -140px;
       color: black;
       margin-left: 480px;
   }

   #CapHumano .about-img a{
      position: relative;
      top: -145px;
      margin-left: 790px;
      color:black;
      font-size: 22px;
   }

  .columna{
    margin-top: 6em;
    display: flex;
    justify-content: center;
    align-items: center;
    background: white;
    width: 100%;
    height: 980px;
  }

  .banner img{
      margin-top: 180px;
  }

}

@media (max-width: 949px){

  #CapHumano .about-img img{
       position: relative;
       top: 330px;
       width: 300px;
       height: 200px;
       margin-left: 50px;
       margin-top: 7px;
   }

  #CapHumano .about-img h2{
       position: relative;
       top: -100px;
       margin-left: 400px;
  }

  #CapHumano .about-img h4{
       position: relative;
       top: -125px;
       margin-left: 400px;
  }

  .text-white{
       position: relative;
       top: -120px;
       color: black;
       margin-left: 400px;
   }

   #CapHumano .about-img a{
      position: relative;
      top: -125px;
      margin-left: 710px;
      color:black;
      font-size: 22px;
      margin-right: 10px;
   }
}

@media (max-width: 869px){

  #CapHumano .about-img img{
       position: relative;
       top: 330px;
       width: 250px;
       height: 150px;
       margin-left: 50px;
       margin-top: 7px;
   }

   #CapHumano .about-img h2{
       position: relative;
       top: -70px;
       margin-left: 360px;
  }

  #CapHumano .about-img h4{
       position: relative;
       top: -95px;
       margin-left: 360px;
  }

  .text-white{
       position: relative;
       top: -90px;
       color: black;
       margin-left: 360px;
   }

   #CapHumano .about-img a{
      position: relative;
      top: -95px;
      margin-left: 600px;
      color:black;
      font-size: 22px;
      margin-right: 10px;
   }
}

@media (max-width: 780px){

  .columna{
    margin-top: 6em;
    display: flex;
    justify-content: center;
    align-items: center;
    background: white;
    width: 100%;
    height: 1030px;
  }

  .banner img {
      margin-top: 198px;
      height: 945px;
  }
}

@media (max-width: 756px){

  #CapHumano .about-img img{
       position: relative;
       top: 330px;
       width: 200px;
       height: 130px;
       margin-left: 50px;
       margin-top: 7px;
   }

   #CapHumano .about-img h2{
       position: relative;
       top: -70px;
       margin-left: 300px;
  }

  #CapHumano .about-img h4{
       position: relative;
       top: -95px;
       margin-left: 300px;
  }

  .text-white{
       position: relative;
       top: -90px;
       color: black;
       margin-left: 300px;
   }

   #CapHumano .about-img a{
      position: relative;
      top: -95px;
      margin-left: 520px;
      color:black;
      font-size: 22px;
      margin-right: 10px;
   }
}

@media (max-width: 676px){

  #CapHumano .about-img a{
      position: relative;
      top: -95px;
      margin-left: 300px;
      color:black;
      font-size: 22px;
      margin-right: 10px;
   }

}

@media (max-width: 632px){

  #CapHumano .about-img h2{
       position: relative;
       top: -50px;
       margin-left: 300px;
  }

  #CapHumano .about-img h4{
       position: relative;
       top: -75px;
       margin-left: 300px;
  }

  .text-white{
       position: relative;
       top: -70px;
       color: black;
       margin-left: 300px;
   }

   #CapHumano .about-img a{
      position: relative;
      top: -75px;
      margin-left: 300px;
      color:black;
      font-size: 22px;
      margin-right: 10px;
   }

   .banner img{
      height: 977px;
  }

   .columna{
    height: 1060px;
  }

}

@media (max-width: 618px){

   .banner img{
      height: 1058px;
  }

   .columna{
    height: 1140px;
  }
}

@media (max-width: 600px){

  #CapHumano .about-img img{
       position: relative;
       top: 930px;
       width: 300px;
       height: 210px;
       margin-left: 40px;
       margin-top: -290px;
   }

   #CapHumano .about-img h2{
       position: relative;
       top: -180px;
       margin-left: 0px;
  }

  #CapHumano .about-img h4{
       position: relative;
       top: -195px;
       margin-left: 0px;
  }

  .text-white{
       position: relative;
       top: -190px;
       color: black;
       margin-left: 0px;
   }

   #CapHumano .about-img a{
      position: relative;
      top: 70px;
      margin-left: 140px;
      color:black;
      font-size: 22px;
      margin-right: 10px;
   }

  .banner img{
      height: 1148px;
  }

  .columna{
    margin-top: 0;
  } 
}

@media (max-width: 519px){

  #CapHumano .about-img img{
       position: relative;
       top: 930px;
       width: 300px;
       height: 210px;
       margin-left: 40px;
       margin-top: -290px;
   }

   #CapHumano .about-img h2{
       position: relative;
       top: -180px;
       margin-left: 20px;
  }

  #CapHumano .about-img h4{
       position: relative;
       top: -195px;
       margin-left: 20px;
  }

  .text-white{
       position: relative;
       top: -190px;
       color: black;
       margin-left: 20px;
   }

   #CapHumano .about-img a{
      position: relative;
      top: 70px;
      margin-left: 140px;
      color:black;
      font-size: 22px;
      margin-right: 10px;
   }

  .banner img{
      height: 1148px;
  }

  .columna{
    margin-top: 0;
  } 
}

@media (max-width: 499px){

  #CapHumano .about-img img{
       position: relative;
       top: 1040px;
       width: 300px;
       height: 210px;
       margin-left: 40px;
       margin-top: -290px;
   }

   #CapHumano .about-img h2{
       position: relative;
       top: -124px;
       margin-left: 20px;
  }

  #CapHumano .about-img h4{
       position: relative;
       top: -145px;
       margin-left: 20px;
  }

  .text-white{
       position: relative;
       top: -140px;
       color: black;
       margin-left: 20px;
   }

   #CapHumano .about-img a{
      position: relative;
      top: 70px;
      margin-left: 140px;
      color:black;
      font-size: 22px;
      margin-right: 10px;
   }

  .banner img{
      height: 1148px;
  }

  .columna{
    height: 1140px;
  }

}

@media (max-width: 499px){

  #CapHumano .about-img img{
       position: relative;
       top: 1100px;
       width: 300px;
       height: 210px;
       margin-left: 40px;
       margin-top: -290px;
   }

   .banner img{
      height: 1207px;
  }

   .columna{
    height: 1200px;
  }

  #CapHumano .about-img a{
      top: 85px;
   }
}

@media (max-width: 386px){

  #CapHumano .about-img img{
       margin-top: -270px;
   }

   #CapHumano .about-img a{
      top: 80px;
      margin-left: 120px;
   }
}

@media (max-width: 375px){

    #CapHumano .about-img h2{
       position: relative;
       top: -168px;
       margin-left: 20px;
  }

  #CapHumano .about-img h4{
       position: relative;
       top: -190px;
       margin-left: 20px;
  }

  .text-white{
       position: relative;
       top: -187px;
       color: black;
       margin-left: 20px;
   }

    #CapHumano .about-img a{
      top: 110px;
      margin-left: 120px;
   }

   .banner img{
      height: 1257px;
  }

    .columna{
    height: 1250px;
  }

}