/* cambios css solo para modo vertical */
@media only screen and (min-width: 768px)
{

  /* #pagina0 */
  #pagina0 .main_div{
    width: 100%;
    position: absolute ;
    display: : flex ;
  }
  #pagina0 .titulo_libro{
    font-size: 49px ;
    text-decoration: underline ;
    margin-top: 59px !important;
    margin-bottom: 18px ;
    text-align: center ;

  }

  #pagina0 .div_image_1{
    margin: auto ;
    text-align:center ;
    margin-top: 39px !important;
  }
  #pagina0 .div_image_1 img{
    height: 550px ;
    max-height: 65vh ;
  }
  #pagina0 .color_green{
    color: red ;
  }
  /* fn pagina0 */

  /* #pagina1 */
  #pagina1 .main_div{
    width: 100% ;
    position: absolute ;
    display: : flex ;
  }

  #pagina1 .titulo_libro{
    font-size: 23px ;
    color: #908e8e ;
    text-decoration: underline ;
    margin-top: 20px ;
    margin-bottom: 18px ;
  }
  #pagina1 .div_image_1{
    margin: auto ;
    /* text-align:center; */
  }
  #pagina1 .div_image_1 img{
    height: 250px ;
    /* max-height: 65vh; */
  }
  #pagina1 .color_green{
    color: red ;
  }

  #pagina1 #nute{
    top: 405px ;
    left: 34% ;
    position: absolute ;
  }
  #pagina1 #image_nute{
    height: 200px ;
  }

  #pagina1 #dodo{
    top: 523px ;
    left: 43% ;
    position: absolute ;
  }
  #pagina1 #image_dodo{
    height: 60px ;
  }

  #paisaje_1{
    text-align: center ;
  }

  #image_paisaje_1{
    width: 100%;
    max-width: 1000px ;
  }

  /* fn pagina1 */


  #div-next-page{
    position:absolute ;
    right: 20px ;
    top: 50% ;
  }

  #div-previous-page{
    position:absolute ;
    left: 20px ;
    top: 50% ;
  }



  .rotateimg180 {
    -webkit-transform:rotate(180deg) ;
    -moz-transform: rotate(180deg) ;
    -ms-transform: rotate(180deg) ;
    -o-transform: rotate(180deg) ;
    transform: rotate(180deg) ;
  }


  @media (orientation: landscape) {
    #pagina0 .div_image_1 img{
      height: 80vh ;
    }
  }

  .class_arrow_ir{
    width: 73px !important;
  }


}