.banner {
  position: relative; }
  .banner img {
    width: 100%;
    display: block;
    object-fit: cover; }
  .banner .text {
    position: absolute;
    left: 0;
    bottom: 8.3854166667vw;
    width: 100%;
    color: white;
    padding: 0 5.8854166667vw;
    text-transform: uppercase; }
    .banner .text .t {
      line-height: 0.77;
      font-weight: 600;
      margin-bottom: 1.875vw; }
    .banner .text .des {
      max-width: 56.875vw;
      line-height: 2; }

@media screen and (max-width: 768px) {
  .banner {
    margin-top: 60px; }
    .banner img {
      height: 300px; }
    .banner .text {
      bottom: 30px;
      padding: 0 5%; }
      .banner .text .t {
        margin-bottom: 15px;
        font-size: 24px; }
      .banner .text .des {
        max-width: inherit;
        font-size: 14px;
        line-height: 1.8; } }

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