@charset "UTF-8";

/** X CAMPAIGN
==============================================*/
.section-x .headline {
  text-align: center;
}
.campaign-lead {
  margin-bottom: -1%;
}
@media only screen and (min-width: 641px) {
  .section-x {
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 640px) {
  .section-x {
    padding-bottom: 50px;
  }
}

.x-block {
  margin-right: auto;
  margin-left: auto;
  background-color: #e0f5f4;
  border-radius: 5px;
}
@media only screen and (min-width: 641px) {
  .x-block {
    max-width: 100%;
    padding: 40px;
  }
  .x-block:not(:first-child) {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 640px) {
  .x-block {
    padding: 20px 15px;
  }
  .x-block:not(:first-child) {
    margin-top: 25px;
  }
}

.x-block__title {
  text-align: center;
  color: #27b7b3;
}
@media only screen and (min-width: 641px) {
  .x-block__title {
    margin-bottom: 30px;
    font-size: 35px;
  }
}
@media only screen and (max-width: 640px) {
  .x-block__title {
    margin-bottom: 15px;
    font-size: 22px;
  }
}

.x-block__content {
}
@media only screen and (min-width: 641px) {
  .x-block__content > *:not(:first-child) {
    margin-top: 50px;
  }
}
@media only screen and (max-width: 640px) {
  .x-block__content > *:not(:first-child) {
    margin-top: 20px;
  }
}

.x-block__scroll {
  overflow-y: scroll;
  background-color: #fff;
}
@media only screen and (min-width: 641px) {
  .x-block__scroll {
    height: 360px;
    padding: 20px;
  }
  .x-block__scroll-txt {
    font-size: 13px;
  }
}
@media only screen and (max-width: 640px) {
  .x-block__scroll {
    height: 370px;
    padding: 15px;
  }
  .x-block__scroll-txt {
    font-size: 10px;
  }
}