@charset "UTF-8";
/* CSS Document */
@media (min-width:1920px) {
  .room {
    min-height: 330px;
  }
}
@media (max-width:1920px) {
  .parrot {
    top: 0px;
    left: -275px;
    transform-origin: left;
    transform: rotate(-6deg);
  }
}
@media (max-width: 1366px) {
  .contenido {
    top: 0%;
  }
  .parrot {
    left: -225px;
  }
}
@media (min-width: 1281px) and (max-width: 1920px) {}
@media (max-width: 1280px) {
  .parrot {
    left: -205px;
  }
}
@media (max-width: 1112px) {
  .contenido {
    top: 10%;
  }
  .room{
    min-height: 312px;
  }
}
@media (min-width: 1025px) and (max-width: 1111px) {}
@media (max-width: 1112px) {
  .parrot {
    left: -185px;
  }
}
@media (max-width: 1024px) {
  .contenido {
    top: 10%;
  }
  .contenido img {
    max-width: 220px;
  }
  .parrot {
    left: -165px;
  }
    .room{
    min-height: 300px;
  }
}
@media (max-width: 960px) {
  .contenido{
    top:20%;
  }
}
@media (max-width: 800px) {
  .contenido {
    top: 10%;
  }
  .contenido img {
    max-width: 180px;
  }
  .contenido h1 {
    font-size: 200%;
  }
  .contenido h3 {
    font-size: 150%;
  }
  .parrot {
    left: -125px;
  }
}
@media (min-width: 768px) and (max-width: 960px) {}
/*iPad Horizontal*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {}
/*END iPad Horizontal*/
/*iPad Vertical*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {}
/*END iPad Vertical*/
/*iPhone PLUS Landscape*/
@media (max-width: 736px) {
  .hideM {
    display: none;
  }
  .contenido {
    top: 20%;
  }
  .w25 {
    width: 50%;
  }
  .w40 {
    width: 50%;
  }
  .topMenu {
    display: none;
  }
  #bot {
    z-index: 99999;
  }
  .botmenu {
    position: absolute;
    right: 36px;
    top: 36px;
    display: block;
  }
  .topLogo img {
    min-width: 150px;
    width: 50%;
    display: inline-block;
  }
  .room {
    width: 50%;
  }
  .m16, .m33 {
    margin-left: 0 !important;
  }
  .noDisplay{
    display: none;
  }
}
@media (max-width:576px) {
  .contenido {
    top: 33%;
    width: 90%
  }
  .contenido h1 {
    font-size: 150% !important;
    line-height: 110%;
  }
  .contenido h3 {
    font-size: 120% !important;
    line-height: 110%;
  }
  .contenido img {
    max-width: 220px;
  }
  .w25, .w40, .w50 {
    width: 100%;
  }
  .parrot {
    left: -245px;
  }
  .bookParrot {
    padding-left: 20%;
  }
  .mCenter {
    text-align: center !important;
  }
  .social {
    width: 100%;
  }
  .room {
    width: 100%;
  }
}
/*iPhone PLUS Landscape*/
@media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : landscape) {}
/*iPhone Landscape*/
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) {}
/*END iPhone Landscape*/
/*iPhone Portrait*/
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) {}
/*END iPhone Portrait*/
@media (max-width : 414px) {
  .contenido {
    top: 30%;
  }
  .float2 {
    bottom: 60px;
    right: 10px;
  }
  .parrot {
    left: -175px;
  }
  .bookParrot {
    padding-left: 16%;
  }
  .hero {
    min-height: 276px;
  }
}
@media (max-width:375px) {
  .contenido img {
    max-width: 130px;
  }
  footer {
    font-size: 60%;
  }
  .parrot {
    left: -145px;
  }
  .hero {
    min-height: 246px;
  }
}
@media (max-width: 320px) {
  .contenido {
    width: 96%;
    top: 33%;
  }
  .contenido img {
    max-width: 120px;
  }
  .contenido h1 {
    font-size: 120% !important;
    margin-bottom: 0;
  }
  .contenido h3 {
    font-size: 100% !important;
    margin-bottom: 0;
  }
  clear {
    height: 48px !important;
  }
  p {
    margin-top: 6%;
  }
  footer {
    font-size: 60%;
  }
  .parrot {
    left: -135px;
  }
  .bookParrot {
    padding-left: 16%;
  }
  .hero {
    min-height: 216px;
  }
}