@charset "utf-8";

@media screen and (min-width: 576px) {
  h1 {font-size: 68px; line-height: 64px;}
}

@media screen and (min-width: 768px) {
  #header {padding: 15px;}
  #header .logo {padding: 0;}
  h2, h3 {font-size: 46px;}
  .banner-text {padding: 21px 0 500px;}
  .features ul {display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; margin: 0 -14px;}
  .features li {width: 100%; margin: 0 14px;}
  .applications ul {display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; margin: 0 -14px;}
  .applications li {width: 50%; padding: 0 14px;}
  .slider-wrapper .slide {margin: 0 14px;}
  .visual_02 figure {padding: 0 21px;}
  #footer .row {display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; margin: 0 -14px;}
  #footer .column {width: 33.3333%; padding: 0 14px;}
  #footer .title {min-height: 101px;}
}

@media screen and (min-width: 880px) {
  #footer .title {min-height: 0;}
}

@media screen and (min-width: 1024px) {
  #header {padding: 36px 15px 24px;}
  #header .logo:last-child {padding: 5px 0 0;}
  #header .container {-ms-flex-align: start; align-items: flex-start;}
  h1 {letter-spacing: 5px;}
  h2 {letter-spacing: 3.5px;}
  h3 {letter-spacing: 3.5px;}
  .banner figure {position: static;}
  .banner img {width: 100%; height: auto;}
  .banner-text {position: absolute; left: 0; right: 0; top: 0; padding: 21px 0 0;}
  .intro {padding: 16px 0 21px;}
  .intro p {font-size: 21px; line-height: 34px; padding: 0 50px; margin: 0 0 34px;}
  .features {padding: 71px 0 30px;}
  .features li {padding: 0 40px 20px;}
  .features li p {font-size: 21px; line-height: 34px;}
  .applications {padding: 38px 0 17px;}
  .applications h2 {margin: 0 0 43px;}
  .applications p {font-size: 21px; line-height: 34px; padding: 0 50px; margin: 0 0 44px;}
  .register {padding: 53px 15px;}
  .register h2 {margin: 0 0 52px;}
  .register .button {line-height: 75px;}
  .slider-wrapper {padding: 45px 110px 66px;}
  .slider-wrapper h2 {margin: 0 0 49px;}
  .slider-wrapper .slide {padding: 29px 30px 15px;}
  .slider-wrapper .slide h3 {margin: 0 0 20px; letter-spacing: 3px;}
  .slider-wrapper .slide p {font-size: 21px; line-height: 34px;}
  .slider-wrapper .slick-arrow {width: 64px; height: 133px; line-height: 133px; margin: -77px 0 0; font-size: 34px;}
  .slider-wrapper .slick-prev {left: -110px;}
  .slider-wrapper .slick-next {right: -110px;}
  .info {padding: 47px 0;}
  .info h2 {margin: 0 0 44px;}
  .info p {margin: 0 0 29px;}
  .info ul {margin: 36px 0 0;}
  #footer .title {font-size: 18px;}
  .footer-bottom {margin: 44px 0 0;}
}