.banner {
  position: relative; }
  .banner .bg {
    width: 100%;
    object-fit: cover; }
  .banner .text {
    position: absolute;
    left: 0;
    top: 14.8958333333vw;
    padding: 0 14.6875vw;
    width: 100%;
    color: white; }
    .banner .text h1 {
      text-transform: uppercase; }
  .banner .icon {
    position: absolute;
    left: 50%;
    top: 46%;
    transform: translate(-50%, -50%); }
    .banner .icon img {
      width: 14.5833333333vw; }

@media screen and (max-width: 768px) {
  .banner {
    margin-top: 35px; }
    .banner .bg {
      height: 300px; }
    .banner .text {
      padding: 0 5%;
      top: 30px; }
      .banner .text h1 {
        font-size: 24px; }
    .banner .icon img {
      width: 100px; } }

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