html,
    body {
      height: 100vh;
      width: 100vw;
      background-color: #fff;
    }

    body {
      font-weight: normal;
      font-size: 11px;
      font-family: Montserrat;
    }

    .animated-overlay {
      z-index: 999999999;
      height: 100vh;
      width: 100vw;
      position: absolute;
      background: #0088cc;
      animation: pull-off 1s ease-in forwards;
    }

    .animated-header {
      
    }

    .clean-block.clean-hero {
      min-height: 630px;
    }

    .vertical-center-row {
    display: table-cell;
    vertical-align: middle;
    }

    .no-border {
      border: none;
    }

    .login-form {
      margin: 0 auto;
      width: 270px;
      background: #047494;
      height: 270px;
      -webkit-border-radius: 135px;
      -moz-border-radius: 135px;
      border-radius: 135px;
    }
    ul li {
      list-style: none;
    }
    .b-title {
      text-align: center;
      padding-top: 60px;
      color: white;
      margin-bottom: 20px;
      font-size: 27px;
    }
    .b-content {
      font-size: 12px;
      color: #abc;
      text-align: center;
    }
    .b-copyright {
      margin-top: 40px;
      text-align: center;
    }
    .b-copyright__link {
      color: #587b9d;
    }
    .b-text_lang_ru {
      display: none;
    }

@keyframes pull-off {
  from {
      opacity: 1;
      }
  99% {
    opacity: 0.1;
    }
  to {
    opacity: 0;
    display: none;

    z-index: -9999999;
  }
}

@media (orientation: portrait) {
  h2 {
    font-size: 3rem;
  }
}

@media (orientation: landscape) and (aspect-ratio: 18/9) {
  h2 {
    font-size: 1rem;
  }

  h1 {
    font-size: 1.5rem;
  }
}