/* line 3, ../scss/info.scss */
.timechange img,
.info-top img {
  display: block;
  width: 100%;
  margin: 40px auto 20px;
}

/* line 10, ../scss/info.scss */
.timechange div,
.info-top div {
  width: 70%;
  margin: 40px auto 20px;
}

/* line 16, ../scss/info.scss */
.info-top iframe {
  display: block;
  width: 100%;
  height: 40vh;
  margin: 0px auto 20px;
}

@media (min-width: 414px) {
  /* line 24, ../scss/info.scss */
  .timechange img,
  .info-top img {
    width: 80%;
    margin: 50px auto 20px;
  }
}
@media (min-width: 576px) {
  /* line 32, ../scss/info.scss */
  .timechange img,
  .info-top img {
    width: 70%;
    margin: 70px auto 30px;
  }
}
@media (min-width: 768px) {
  /* line 40, ../scss/info.scss */
  .timechange img,
  .info-top img {
    width: 60%;
    margin: 80px auto 40px;
  }
}
@media (min-width: 1024px) {
  /* line 48, ../scss/info.scss */
  .timechange img,
  .info-top img {
    width: auto;
    margin: 80px auto 60px;
  }

  /* line 53, ../scss/info.scss */
  .timechange p,
  .info-top p {
    width: 70%;
    margin: 40px auto 20px;
  }
}

/*# sourceMappingURL=info.css.map */