.banner {
  position: relative;
}
.banner img {
  width: 100%;
  display: block;
  height: 41.1458333333vw;
  -o-object-fit: cover;
     object-fit: cover;
}
.banner .text {
  position: absolute;
  left: 9.6354166667vw;
  bottom: 9.6354166667vw;
  color: #fff;
  line-height: 1.2;
  text-transform: uppercase;
}
.banner .text h1 {
  font-weight: 600;
}
.banner .text .tip {
  font-weight: 200;
}

@media screen and (max-width: 768px) {
  .banner {
    margin-top: 60px;
  }
  .banner img {
    height: 240px;
  }
  .banner .text {
    left: 5%;
    bottom: 20%;
  }
}/*# sourceMappingURL=banner.css.map */