@charset "utf-8";

@media screen and (max-width: 1023px) {
  .main {border-width: 50px;}
  .text-page {padding: 50px 20% 50px 5%;}
  .footer {bottom: -36px;}
  .home-page .content {width: 600px;}
  .logo-text {font-size: 12px;}
  .home-page {
    -ms-flex-align: center; -webkit-align-items: center; align-items: center;
    -ms-flex-line-pack: center; -webkit-align-content: center; align-content: center;
    padding: 20px 0;
  }
}

@media screen and (max-width: 767px) {
  body {font-size: 18px;}
  .main {border-width: 20px 20px 50px 20px;}
  .text-page {padding: 30px 20px;}
  .text-page h1 {font-size: 26px; line-height: 32px;}
  .text-page h2 {font-size: 21px; line-height: 27px; margin: 0 0 40px;}
  .nicescroll-rails {margin-left: -40px;}
  .footer li {font-size: 16px;}
  .home-page .content {width: 500px;}
  .logo-text-left {top: -10px;}
  .logo-text-right {top: 35px;}
  .home-page h1 {font-size: 28px; line-height: 34px; margin: 10px 0;}
  .button {padding: 15px 21px 15px; font-size: 20px; line-height: 25px;}
}

@media screen and (max-width: 639px) {
  .home-page .content {width: 400px;}
  .logo {width: 300px; margin: auto;}
  .logo-text {font-size: 8px;}
  .logo-text-left {top: -18px; left: 0;}
  .logo-text-right {top: 10px; right: 0;}
  .home-page h1 { font-size: 20px; line-height: 24px; margin: 5px 0;}
  .button {padding: 7px 20px; font-size: 12px; line-height: 16px;}
}

@media screen and (max-width: 479px) {
  .footer {left: 0;}
  .footer ul {text-align: center;}
  .logo {width: 270px;}
  .logo-text {font-size: 7px;}
  .logo-text-right {top: 6px;}
  .home-page h1 {margin: 15px 0;}
  .button {padding: 15px 20px;}
  .home-page {padding: 0 0 30px;
    -ms-flex-align: end; -webkit-align-items: flex-end; align-items: flex-end;
    -ms-flex-line-pack: end; -webkit-align-content: flex-end; align-content: flex-end;
  }
}

@media screen and (min-width: 1024px) and (max-height: 1080px) {
  .home-page {
    -ms-flex-align: center; -webkit-align-items: center; align-items: center;
    -ms-flex-line-pack: center; -webkit-align-content: center; align-content: center;
    padding: 20px 0;
  }
  .home-page h1 {margin: 40px 0;}
}
@media screen and (min-width: 1024px) and (max-height: 900px) {
  .home-page .content {width: 600px;}
  .logo-text {font-size: 12px;}
}
@media screen and (min-width: 1024px) and (max-height: 800px) {
  .main {border-width: 50px;}
  .footer {bottom: -36px;}
}
@media screen and (min-width: 1024px) and (max-height: 700px) {
  .home-page .content {width: 500px;}
  .logo-text-left {top: -10px;}
  .logo-text-right {top: 35px;}
  .home-page h1 {font-size: 36px; line-height: 45px; margin: 20px 0;}
  .button {padding: 30px 21px 30px;}
}

@media screen and (min-width: 768px) and (max-height: 800px) {
  .home-page .content {width: 500px;}
  .logo-text-left {top: -10px;}
  .logo-text-right {top: 35px;}
  .home-page h1 {font-size: 36px; line-height: 45px; margin: 20px 0;}
  .button {padding: 30px 21px 30px;}
}

@media screen and (min-width: 600px) and (max-height: 460px) {
  .home-page .content {width: 400px;}
  .logo-text {font-size: 10px;}
  .logo-text-left {top: -15px; left: 0;}
  .logo-text-right {top: 20px; right: 0;}
}
@media screen and (min-width: 600px) and (max-height: 415px) {
  .home-page h1 { font-size: 20px; line-height: 24px; margin: 5px 0;}
  .button {padding: 7px 20px; font-size: 12px; line-height: 16px;}
}