@charset "utf-8";

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

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

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

   #Mercadotecnia .about-img a{
      position: relative;
      top: -190px;
      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: 926px;
       object-fit: cover;
       opacity:0.25;
  }

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


  @media (max-width: 1085px){

    #Mercadotecnia .about-img h2{
       top: -140px;
       margin-left: 450px;
   }

   #Mercadotecnia .about-img h4{
       top: -160px;
       margin-left: 450px;
   }

   .text-white{
       top: -160px;
       margin-left: 450px;
   }

   #Mercadotecnia .about-img a{
      top: -190px;
      margin-left: 870px;
   }

   .banner img{
       height: 1005px;
  }

   .columna{
       height: 880px;
  } 
}

  @media (max-width: 1044px){

    #Mercadotecnia .about-img a{
      top: -170px;
      margin-left: 820px;
   }

   #Mercadotecnia .about-img img{
       position: relative;
       top: 340px;
       width: 400px;
       height: 300px;
       margin-left: 10px;
       margin-top: 7px;
   }
}

   @media (max-width: 984px){

    #Mercadotecnia .about-img a{
      top: -170px;
      margin-left: 780px;
   }
}

   @media (max-width: 959px){

   #Mercadotecnia .about-img img{
       width: 300px;
       height: 200px;
       margin-left: 80px;
       margin-top: 7px;
   }

   #Mercadotecnia .about-img h2{
       top: -80px;
   }

   #Mercadotecnia .about-img h4{
       top: -100px;
   }

   .text-white{
       top: -100px;
   }

   #Mercadotecnia .about-img a{
      top: -95px;
      margin-left: 720px;
   }
   
   .banner img{
       height: 1125px;
  }

    .columna{
       height: 1000px;
  } 
}

   @media (max-width: 880px){

    #Mercadotecnia .about-img a{
      top: -95px;
      margin-left: 620px;
   }
}

   @media (max-width: 785px){

    #Mercadotecnia .about-img a{
      top: -95px;
      margin-left: 450px;
   }

    .banner img{
       height: 1175px;
  }

    .columna{
       height: 1050px;
  } 

}


   @media (max-width: 745px){

    #Mercadotecnia .about-img img{
       width: 250px;
       height: 170px;
       margin-left: 40px;
       margin-top: 7px;
   }

    #Mercadotecnia .about-img h2{
      margin-left: 350px;
   }

   #Mercadotecnia .about-img h4{
       margin-left: 350px;
   }

   .text-white{
       margin-left: 350px;
   }

    .banner img{
       height: 1245px;
  }

    .columna{
       height: 1120px;
  }
}

   @media (max-width: 626px){

    #Mercadotecnia .about-img h2{
       top: -60px;
   }

   #Mercadotecnia .about-img h4{
       top: -80px;
   }

   .text-white{
       top: -80px;
   }

   #Mercadotecnia .about-img a{
      top: -90px;
      margin-left: 350px;
   }
}


  @media (max-width: 613px){

    .banner img{
       height: 1285px;
  }

    .columna{
       height: 1160px;
  }
}

  @media (max-width: 600px){

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

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

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

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

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

   .banner img{
       height: 1365px;
  }

   .columna{
       margin-top: 0;
  } 
}

  @media (max-width: 525px){

   #Mercadotecnia .about-img h2{
       margin-left: 20px;
   }

   #Mercadotecnia .about-img h4{
       margin-left: 20px;
   }

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

  @media (max-width: 505px){

    #Mercadotecnia .about-img img{
       top: 970px;
       width: 300px;
       height: 210px;
       margin-left: 40px;
       margin-top: -290px;
   }
}

  @media (max-width: 410px){

    #Mercadotecnia .about-img img{
       top: 970px;
       width: 300px;
       height: 210px;
       margin-left: 40px;
       margin-top: -210px;
   }

     #Mercadotecnia .about-img h2{
       top: -130px;
   }

    #Mercadotecnia .about-img h4{
       top: -135px;
   }

    .text-white{
       top: -130px;
   }

   #Mercadotecnia .about-img a{
      top: 120px;
      margin-left: 130px;

   }

   .banner img{
       height: 1436px;
  }

  .columna{
       height: 1230px;
  }
}

  @media (max-width: 375px){

    #Mercadotecnia .about-img img{
       top: 995px;
   }

   #Mercadotecnia .about-img a{
      top: 110px;
   }
}