@media (max-width: 768px) {
  .logo {
    height: 34px; }

  .section-intro {
    height: 600px; }
    .section-intro .intro-wrap {
      text-align: center;
      text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.9);
      margin-bottom: 50px; }
      .section-intro .intro-wrap .title-intro {
        margin-top: 150px;
        font-size: 42px;
        animation: colorchange 2s infinite alternate; }
      .section-intro .intro-wrap .lead {
        font-size: 32px;
        font-weight: 500;
        margin-top: 15px;
        margin-bottom: 0; }
      .section-intro .intro-wrap p {
        font-size: 18px;
        text-shadow: 2px 2px 20px rgba(0, 0, 0, 0.7), 0px 0px 10px rgba(0, 0, 0, 0.9); }

  .block-booking .input-group {
    margin-bottom: 15px; }

  .section-aside-full {
    height: auto; }
    .section-aside-full .img-side-wrap {
      overflow: hidden;
      position: static;
      height: 200px; }
      .section-aside-full .img-side-wrap .img-wrap {
        width: 100%;
        height: 100%; }

  .block-call {
    width: auto; }

  .section-intro {
    background-size: cover;
    background-position: right; }
    .section-intro .intro-wrap p {
      padding-left: 10%;
      padding-right: 10%;
      margin-top: 20px; }

  .offer-badge {
    bottom: -10px; }
    .offer-badge small {
      font-size: 24px; }
    .offer-badge big {
      font-size: 50px;
      font-weight: bold; }

  .section-offer {
    text-align: center; }
    .section-offer .img-human {
      width: 200px; } }
@media all and (max-width: 620px) {
  /* mobile devices */
  .m-hide, .mobile-hide, .mobile-hidden, .hide-mobile, .hidden-mobile {
    display: none !important;
    height: 0; } }