@media screen and (orientation: portrait) {

  body {
    font-size: calc(1em + 1vw) !important;
    line-height: 2vh;
  }

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

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

  #mapDavidLink{
    visibility: visible;
  }

  #mapCrisLink{
    visibility: visible;
  }

  .imgVertical{
    display: none;
  }

  .imgHorizontal{
    display: block;
  }

  #seccionPortada {
    height: 80vh;
    height: calc(var(--vh, 1vh) * 80);
  }

  #portadaLogo {
    width: 80vw;
  }

  #menuDiv {
    height: 20vh;
    height: calc(var(--vh, 1vh) * 20);
  }

  #infoPanel {
    height: 80vh;
    height: calc(var(--vh, 1vh) * 80);
  }

  #bocadillo {
    width: 99%;
    font-size: 1.2em;
    line-height: 2em;
  }

  #mapCris {
    width: 99%;
  }

  #mapDavid {
    width: 99%;
  }

  .lvl1 {
    flex-direction: column;
  }

  .lvl2 {
    flex-direction: row;
  }

  .imagenesHablando {
    height: 22.5vh;
    width: 80vw;
    padding: 0;
    text-align: center;
  }

  .textoHablando {
    height: 40vh;
    width: 80vw;
    justify-content: flex-start;
  }

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

  .imagenesBus img {
    width: 80%;
    padding-top: 2em;
    left: 1000px;
    position: relative;
  }

  .textoBus {
    justify-content: initial !important;
    height: calc(var(--vh, 1vh) * 100);
    width: 90vw;
    padding-top: 2em;
    overflow-y: auto;
  }

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

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

  .seccionHeaderMusica {
    text-align: center;
    height: 7vh;
  }

  #confirmaTxt {
    width: 90vw !important;
  }

  .infoBailando {
    display: inline-table !important;
    /* height:100%; */
  }

  .bocadilloBus {
    width: 90% !important;
  }

  .hCelebrando {
    height: 25vh;
  }

  #infoPanel div {
    flex-direction: column;
  }

  .divMenuFlex {
    flex-direction: column;
    background: url('../images/borde_arriba.png') left top repeat-x, url('../images/hierba.png') left top repeat;
    padding-top: 25px;
    padding-bottom: 15px;
  }
}