@media (max-width: 768px) {

  body {
    scroll-behavior: smooth;
    margin-right: 0;
    overflow-x: hidden;
  }
 
  .headertop{
    background-color: #003882;
    height: 40px;
    margin: 0;
  }

  .headertop h3{
    color: aliceblue;
    font-family: 'helvetica_neue_lt_std47LtCn';
    font-size: 3.4vw;
    line-height: 40px;
    letter-spacing: 3px;

  }

  .cajalogotipo img{
    width: 60%;
    margin: auto;
    margin-top: 14%;
    margin-bottom: 14%;
    text-align: center;
    display: block;
  }

  .caja1 {
    width: 100%;
    height: 175px;
      
  }
  
  .caja2 {
    width: 100%;
  }

  .caja2 h1 {
    font-size: 6vw;
    text-align: center;
    font-family: "helvetica_neue_lt_std75_bold";
    margin-left: 1%;
  }
  .caja2 h2 {
    font-size: 5vw;
    text-align: center;
    font-weight: 500;
    padding: 5%;
    margin-left: 15%;
  }
  
.logoyboton {
  flex-wrap: wrap;
  justify-content: space-around;
  width: 100%;
  padding-bottom: 5%;
}
.logo-ordeno img {
width: 60%;
padding-top: 6%;
padding-bottom: 6%;
text-align: center;
margin-right: -50px;
}

.boton {
  
  font-size: 18px; /* Ajusta el tamaño de fuente según tus preferencias */
  letter-spacing: 2px;
  margin-top: 4%;
  margin-bottom: 4%;
  width: 40%;
  height: 40px;
  line-height: 40px;
  
}

.boton:hover {
  background-color: #f6bb69; /* Cambia el color de fondo al pasar el ratón */
  color: #ffffff; /* Cambia el color del texto al pasar el ratón */
  margin-bottom: 4%;
  font-size: 20px;
}


.boton a {
  text-decoration: none;
  color: #0077bd; /* Color del texto */
  margin-top: 4%;
  margin-bottom: 4%;
  
}

.contenedorcolumnas {
  width: 100%;
  flex-wrap: wrap;
 
}

#pie {
  clear: both;
}
.columna1 {
  width: 100%;
  display: none;
}

.columna2 {
  width: 100%;
  font-size: 3vw;
  line-height: 1.4;

}
.columna2 p{
  font-family: 'helvetica_neue_lt_std47LtCn';
  font-size: 3.4vw;
  line-height: 1.4;

}

.columna3 {
  width: 100%;

}

.copyright{
 width: 100%;
 font-size: 3vw;
 margin-top: -40px;


}
.cajaredes {
  width: 100%;
  display: flex;
  justify-content:center;
  height: 50px;
  line-height: 50px;
  align-items: right;
}
.cajaredes a{
  margin:2%;
  margin-bottom: 10%;

}



}