@charset "UTF-8";
@media screen and (min-device-width:375px) {
  html {
    font-size: 72.5%
  }
}

body {
  color: #1d3a59;
  background: #0f324f;
}

.no-page {
  -webkit-box-flex: 1;
  -webkit-flex: 1 auto;
  -moz-box-flex: 1;
  -ms-flex: 1 auto;
  flex: 1 auto;
  background: url(../images/bg.jpg) 50% 50% no-repeat;
  background-size: cover;
  padding: 0 10%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.no-page__content {
  padding: 2rem 0;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff
}

.no-page__imgwrap {
  margin-bottom: 3rem;
}

.no-page__img {
  width: 100%;
  max-width: 500px;
  height: auto
}

.no-page__title {
  font-size: 1.94rem;
  font-weight: 200;
  margin: 0 0 1em 0;
  text-align: center
}

.no-page__text {
  font-size: 1.6rem;
  margin: 0 0 1em 0;
  max-width: 28rem;
}

.no-page__link {
  font-size: 1.6rem
}

.no-page__promo-wrap {
  margin-bottom: 50px;
}

@media screen and (min-device-width:768px),
screen and (min-width:420px) and (orientation:landscape) {
  .no-page__title {
    font-size: 2.2rem
  }
  .no-page__text {
    font-size: 2rem;
    max-width: 35rem;
  }
  .no-page__link {
    font-size: 2rem
  }
}

@media screen and (min-width:320px) and (max-width:768px) and (orientation:landscape) {
  .no-page__img {
    max-width: 300px
  }
}