/* Tamaño del fondo para computadores */
/* body {  
  background:url(/public/storage/);
  height: 100%;
  width: 100%;  
  background-size: auto;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  color: #FFFFFF;
} */

.link-white-store {
  color: #ffffff;
  font-size: 12px;
  text-decoration: none;
}

.link-white-store:hover {
  color: #ffffff;  
  text-decoration: none;
}

.div-background-dark-store {
  background-color: rgb(55, 55, 55, 0.7);
}

.link-green-store {
  color: #94B800;
}

.link-green-store:hover {
  color: #a5ce00;
  text-decoration: none;
}

/* Dispositivos móviles pequeños portrait > 100px & < 320px (20em) */
@media screen and (min-width : 100px) and (max-width : 320px) and (orientation: portrait){

  body{
    background-size:760px;
    background-position-y: 0px;
  }

}

/* Dispositivos móviles pequeños landscape > 100px & < 320px (20em) */
@media screen and (min-width : 100px) and (max-width : 320px) and (orientation: landscape){

  body{
    background-size:760px;
    background-position-y: 0px;
  }

  .text-center>img{
    width: 75%;
  }

}

/* Móviles estándar portrait >321 px & < 424px (27em) */
@media screen and (min-width : 321px) and (max-width : 504px) and (orientation: portrait){

  body{
    height: 100%;
    width: 100%;  
    background-size: auto;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position-x: -250px;    
  }

}

/* Móviles estándar landscape >321 px & < 424px (27em) */
@media screen and (min-width : 321px) and (max-width : 504px) and (orientation: landscape){

  body{
    background-size:835px;
    background-position-y: 0px;
  }

}

/* Tablets > 505px & < 1024px potrait */
@media screen and (min-width : 505px) and (max-width : 1024px) and (orientation: portrait){

  body{
    background-size:1370px;
    background-position-y: 0px;
  }

  .text-center>img{
    width: 60%;
  }

}

/* Tablets > 505px & < 1024px landscape */
@media screen and (min-width : 505px) and (max-width : 1024px) and (orientation: landscape){

  body{
    background-size:1030px;
    background-position-y: 0px;
  }

  .text-center>img{
    width: 60%;
  }

}

/* Dispositivos móviles con pantalla muy alta >321 px & < 424px (27em) */
@media screen and (min-height : 640px) and (max-height : 823px) and (orientation: portrait){

  body{
    background-size:1100px;
    background-position-y: 0px;
  }

}

/* Media query para el iPad Pro en modo vertical especificamente */
@media screen and (min-height : 1366px) and (max-height : 1920px) and (orientation: portrait){

  body{
    background-size:2000px;
    background-position-y: -120px;
  }

}

/* Media query para el iPad Pro en modo horizontal especificamente */
@media screen and (min-height : 1024px) and (max-height : 1366px) and (orientation: landscape){

  body{
    background-size:1500px;
    background-position-y: -100px;
  }

}