.banners .banner {
    position: relative;
  }
  .banners .banner a.main-link {
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
  }
  .banners .banner img {
    max-width: 100%;
    height: auto;
  }
  .banners .banner .banner-text {
      color: #ffffff;
  }
  .banners .banner .banner-text.into-img {
    position: absolute;
    width: 100%;
    padding: 25px;
    z-index: 11;
  }
  @media (min-width: 768px) {
    .banners .banner .banner-text.into-img {
      width: auto;
      padding: 50px;
    }
  }
  .banners .banner .banner-text.into-img.into-img-top {
    top: 0;
    bottom: auto;
  }
  .banners .banner .banner-text.into-img.into-img-middle {
    top: 50%;
    transform: translateY(-50%);
  }
  .banners .banner .banner-text.into-img.into-img-bottom {
    top: auto;
    bottom: 0;
  }
  .banners .banner .banner-text.into-img.into-img-left {
    left: 0;
    right: auto;
  }
  .banners .banner .banner-text.into-img.into-img-center {
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
  }
  .banners .banner .banner-text.into-img.into-img-middle.into-img-center {
    transform: translate(-50%, -50%);
  }
  .banners .banner .banner-text.into-img.into-img-right {
    left: auto;
    right: 0;
  }
  .banners .banner .banner-text.out-img {
    padding: 10px;
  }
  @media (min-width: 768px) {
    .banners .banner .banner-text.out-img {
      padding: 10px 20px;
    }
  }
  .banners .banner .banner-text.out-img.out-img-left {
    text-align: left;
  }
  .banners .banner .banner-text.out-img.out-img-center {
    text-align: center;
  }
  .banners .banner .banner-text.out-img.out-img-right {
    text-align: right;
  }
  .banners .banner .banner-text > span {
    display: block;
    font-size: 1.5rem;
    font-weight: 700;
  }
  @media (min-width: 768px) {
    .banners .banner .banner-text > span {
      font-size: 1.625rem;
    }
  }
  .banners .banner .banner-text > p {
    font-size: 1.1rem;
  }
  .banners .banner.banners-top img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .banners .banner.banners-top .banner-left {
    height: 100%;
  }
  .banners .banner.banners-top .banners-right {
    height: 100%;
  }
  .banners .banner.banners-top .banners-right > .banner {
    height: calc(50% - 15px);
  }
  .banners .banner.banners-top .banners-right > .banner:first-child {
    margin-bottom: 30px;
  }