@charset "utf-8";

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

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

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

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

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

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

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


@media (max-width: 1248px){

    #OfertaFor .about-img img{
       position: relative;
       top: 600px;
       width: 400px;
       height: 300px;
       margin-left: 40px;
       margin-top: 7px;
   }
   #OfertaFor .about-img h2{
      position: relative;
      top: -135px;
      margin-left: 510px;
   }

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

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

   #OfertaFor .about-img a{
      position: relative;
      top: -155px;
      margin-left: 800px;
      color:black;
      font-size: 22px;
   }

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

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

@media (max-width: 959px){

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

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

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

   #OfertaFor .about-img a{
      position: relative;
      top: -130px;
      margin-left: 700px;
      color:black;
      font-size: 22px;
   }

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

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

}

@media (max-width: 856px){

  #OfertaFor .about-img img{
       position: relative;
       top: 600px;
       width: 300px;
       height: 200px;
       margin-left: 40px;
       margin-top: 7px;
   }

   #OfertaFor .about-img h2{
      position: relative;
      top: -65px;
      margin-left: 380px;
   }

   #OfertaFor .about-img h4{
      position: relative;
      top: -85px;
      margin-left: 380px;
   }

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

  #OfertaFor .about-img a{
      position: relative;
      top: -70px;
      margin-left: 380px;
      color:black;
      font-size: 22px;
   }

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

  .columna{
    height: 2050px;
  } 
}


@media (max-width: 684px){

   #OfertaFor .about-img h2{
      position: relative;
      top: -65px;
      margin-left: 380px;
   }

   #OfertaFor .about-img h4{
      position: relative;
      top: -85px;
      margin-left: 380px;
   }

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

  #OfertaFor .about-img a{
      position: relative;
      top: -70px;
      margin-left: 380px;
      color:black;
      font-size: 22px;
   }

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

  .columna{
    height: 2150px;
  } 
}

@media (max-width: 684px){

  #OfertaFor .about-img h2{
      position: relative;
      top: -65px;
      margin-left: 360px;
      margin-right: 20px;
   }

   #OfertaFor .about-img h4{
      position: relative;
      top: -85px;
      margin-left: 360px;
      margin-right: 20px;
   }

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

  #OfertaFor .about-img a{
      position: relative;
      top: -70px;
      margin-left: 360px;
      color:black;
      font-size: 22px;
   }

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

  .columna{
    height: 2250px;
  }
}

@media (max-width: 625px){

  #OfertaFor .about-img h2{
      position: relative;
      top: -65px;
      margin-left: 360px;
      margin-right: 20px;
   }

   #OfertaFor .about-img h4{
      position: relative;
      top: -85px;
      margin-left: 360px;
      margin-right: 20px;
   }

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

  #OfertaFor .about-img a{
      position: relative;
      top: -70px;
      margin-left: 360px;
      color:black;
      font-size: 22px;
   }

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

  .columna{
    height: 2310px;
  }
}

@media (max-width: 607px){

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

  .columna{
    height: 2380px;
  }
}

@media (max-width: 600px){

  #OfertaFor .about-img img{
       position: relative;
       top: 1390px;
       width: 300px;
       height: 200px;
       margin-left: 150px;
       margin-top: 7px;
   }

   #OfertaFor .about-img h2{
      position: relative;
      top: -325px;
      margin-left: 48px;
   }

   #OfertaFor .about-img h4{
      position: relative;
      top: -325px;
      margin-left: 48px;
   }

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

  #OfertaFor .about-img a{
      position: relative;
      top: -30px;
      margin-left: 232px;
      color:black;
      font-size: 22px;
   }

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

  .columna{
    height: 2050px;
  } 
}

@media (max-width: 554px){

  #OfertaFor .about-img img{
       position: relative;
       top: 1390px;
       width: 300px;
       height: 200px;
       margin-left: 130px;
       margin-top: 7px;
   }

  #OfertaFor .about-img a{
      position: relative;
      top: -60px;
      margin-left: 212px;
      color:black;
      font-size: 22px;
   }

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

  .columna{
    height: 2050px;
  } 
}

@media (max-width: 480px){

  #OfertaFor .about-img img{
       position: relative;
       top: 1390px;
       width: 300px;
       height: 200px;
       margin-left: 90px;
       margin-top: 7px;
   }

  #OfertaFor .about-img a{
      position: relative;
      top: -60px;
      margin-left: 172px;
      color:black;
      font-size: 22px;
   }
}

@media (max-width: 468px){

  #OfertaFor .about-img img{
       position: relative;
       top: 1450px;
       width: 300px;
       height: 200px;
       margin-left: 90px;
       margin-top: 7px;
   }

  #OfertaFor .about-img a{
      position: relative;
      top: -60px;
      margin-left: 172px;
      color:black;
      font-size: 22px;
   }

   #OfertaFor .about-img h2{
      position: relative;
      top: -295px;
      margin-left: 48px;
   }

   #OfertaFor .about-img h4{
      position: relative;
      top: -295px;
      margin-left: 48px;
   }

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

@media (max-width: 415px){

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

  #OfertaFor .about-img a{
      position: relative;
      top: -60px;
      margin-left: 122px;
      color:black;
      font-size: 22px;
   }
}

@media (max-width: 384px){

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

   #OfertaFor .about-img h2{
      position: relative;
      top: -280px;
      margin-left: 48px;
   }

  #OfertaFor .about-img a{
      position: relative;
      top: -60px;
      margin-left: 122px;
      color:black;
      font-size: 22px;
   }
}


@media (max-width: 375px){

  #OfertaFor .about-img img{
       position: relative;
       top: 1480px;
       width: 300px;
       height: 200px;
       margin-left: 40px;
       margin-top: 7px;
   }

   #OfertaFor .about-img h2{
      position: relative;
      top: -280px;
      margin-left: 48px;
   }

  #OfertaFor .about-img a{
      position: relative;
      top: -50px;
      margin-left: 112px;
      color:black;
      font-size: 22px;
   }

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

  .columna{
      height: 2100px;
  }
}

@media (max-width: 373px){

  #OfertaFor .about-img a{
      position: relative;
      top: -70px;
      margin-left: 122px;
      color:black;
      font-size: 22px;
   }
}

@media (max-width: 370px){

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

  #OfertaFor .about-img a{
      position: relative;
      top: -70px;
      margin-left: 122px;
      color:black;
      font-size: 22px;
   }
}

@media (max-width: 360px){

  #OfertaFor .about-img img{
       position: relative;
       top: 1535px;
       width: 300px;
       height: 200px;
       margin-left: 30px;
       margin-top: 7px;
   }

  #OfertaFor .about-img a{
      position: relative;
      top: -70px;
      margin-left: 112px;
      color:black;
      font-size: 22px;
   }
}