@media screen and (orientation: landscape) {

  body {
    font-size: 1em;
    line-height: 3vh;
  }

  #mapDavid{
    visibility: visible;
  }

  #mapDavidLink{
    visibility: hidden;
    display: none !important;
  }

  #mapCris{
    visibility: visible;
  }

  #confirmaTxt {
    width: 60vw !important;
  }

  #mapCrisLink{
    visibility: hidden;
    display: none !important;
  }

  .imageLink img {
    width: 6vw;
    height: auto;
    padding: 1em;
  }

  .imgVertical{
    display: block;
  }

  .imgHorizontal{
    display: none;
  }

  .hCelebrando {
    height: 40vh;
  }

  #seccionPortada {
    height: 85vh;
  }

  #menuDiv {
    height: 15vh;
  }

  #infoPanel {
    height: 85vh;
  }

  #bocadillo {
    width: 80%;
  }

  .bocadilloBus {
    width: 100% !important;
  }

  #bocadillo span {
    padding: 1em;
  }

  #bocadillo a {
    height: 3em !important;
  }

  #mapCris {
    width: 80%;
  }

  #mapDavid {
    width: 80%;
  }

  .imagenesHablando {
    height: 60vh;
    width: 30vw;
  }

  .textoHablando {
    height: 60vh;
    width: 70vw;
  }

  .imagenesBus {
    height: auto;
    width: 80vw;
    padding: 1em 0;
  }

  .imagenesBus img {
    width: 60%;
    position: relative
  }

  .textoBus {
    height: calc(var(--vh, 1vh) * 80);
    width: 90vw;
    padding: 2em;
    padding-top: 0em;
    overflow-y: auto;
  }

  .seccionHeader {
    width: 20vw;
    text-align: center;
    height: 6vh;
  }

  .seccionHeaderMusica {
    width: 5vw;
    text-align: center;
    height: 6vh;
  }

  .lvl1 {
    flex-direction: row;
  }

  .lvl2 {
    flex-direction: column;
  }

  .divMenuFlex {
    flex-direction: row;
    background: url('../images/borde_arriba.png') left top repeat-x, url('../images/hierba.png') left top repeat;
  }

  .eightbit-btn {
    line-height: 1em;
  }
}