@media screen and (max-height: 850px) {
  .main {
    overflow: hidden;
  }
  .intro {
    height: unset;
    padding-top: 150px;
  }
  .footer {
    position: static;
    margin-top: 40px;
    margin-bottom: 60px;
  }
}

@media screen and (max-height: 925px) and (max-width: 992px) {
  .main {
    overflow: hidden;
  }
  .intro {
    height: unset;
    padding-top: 100px;
  }
  .footer {
    position: static;
    margin-top: 40px;
    margin-bottom: 60px;
  }
}

@media screen and (max-height: 1230px) and (max-width: 768px) {
  .main {
    overflow: hidden;
  }
  .intro {
    height: unset;
    padding-top: 100px;
  }
  .footer {
    position: static;
    margin-top: 40px;
    margin-bottom: 60px;
  }
}

@media screen and (max-height: 1275px) and (max-width: 576px) {
  .main {
    overflow: hidden;
  }
  .intro {
    height: unset;
    padding-top: 100px;
  }
  .footer {
    position: static;
    margin-top: 40px;
    margin-bottom: 60px;
  }
}

@media screen and (max-width: 1240px) {
  .container {
    width: 992px;
    padding: 0 15px;
  }
  .intro-wrapper .intro-block .intro-card {
    width: 290px;
  }
}

@media screen and (max-width: 992px) {
  .container {
    width: 768px;
    padding: 0 10px;
  }
  .intro-wrapper .intro-block .intro-card {
    width: 230px;
  }
  .intro-plane {
    top: 30%;
  }
}

@media screen and (max-width: 768px) {
  .container {
    width: 576px;
  }
  .intro-wrapper .intro-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .intro-wrapper .intro-block .intro-card {
    margin-bottom: 16px;
    width: 100%;
  }
  .intro-wrapper .intro-list {
    height: 112px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .intro-wrapper .intro-list .intro-item:not(:nth-child(3n + 3)) {
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 576px) {
  .container {
    width: 100%;
  }
  .header {
    width: 100%;
  }
  .main {
    overflow: scroll;
    height: 100vh;
    padding-bottom: 100px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .main-wrapper .main-title {
    max-width: 200px;
    margin: 0 auto;
  }
  .main-wrapper .main-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .main-wrapper .main-list .main-item:not(:last-child) {
    margin-bottom: 26px;
  }
  .intro-wrapper .intro-title {
    max-width: 175px;
    margin: 0 auto 25px auto;
  }
  .intro-wrapper .intro-block {
    width: 286px;
    margin: 0 auto;
  }
  .intro-wrapper .intro-list {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .intro-wrapper .intro-list .intro-item {
    width: 140px;
  }
  .intro-wrapper .intro-number {
    width: 290px;
  }
  .intro-plane {
    top: 15%;
    -webkit-transform: translateX(-50%) scale(1.1);
            transform: translateX(-50%) scale(1.1);
  }
  .footer-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .footer-wrapper .footer-link {
    margin: 0;
    text-align: center;
  }
  .footer-wrapper .footer-link:first-child {
    margin-bottom: 10px;
  }
}
/*# sourceMappingURL=media.css.map */