.banner-block {
  background: transparent !important;
}
.banner-block .banner-box {
  padding: 24px 32px;
  display: grid;
  gap: 28px;
  grid-template-areas: "headline img" "text img" "buttons img";
  grid-template-columns: 8fr 4fr;
  align-items: center;
}
@media (max-width: 1200px) {
  .banner-block .banner-box {
    grid-template-areas: "headline headline" "text img" "buttons img";
  }
}
@media (max-width: 720px) {
  .banner-block .banner-box {
    grid-template-areas: "headline headline" "text text" "buttons img";
    padding: 16px 24px;
  }
}
@media (max-width: 650px) {
  .banner-block .banner-box {
    grid-template-areas: "headline" "text" "buttons" "img";
    grid-template-columns: 1fr;
  }
}
.banner-block .banner-box .banner-headline {
  grid-area: headline;
  margin: 0px;
}
.banner-block .banner-box .banner-text {
  grid-area: text;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
}
.banner-block .banner-box .banner-buttons {
  grid-area: buttons;
  display: flex;
  gap: 16px;
  flex-flow: row wrap;
}
.banner-block .banner-box .banner-image {
  grid-area: img;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: 100%;
}
@media (max-width: 1200px) {
  .banner-block .banner-box .banner-image {
    justify-content: flex-end;
    align-items: flex-end;
  }
}
@media (max-width: 650px) {
  .banner-block .banner-box .banner-image {
    margin-top: 8px;
    margin-bottom: 16px;
  }
}
.banner-block .banner-box .banner-image .banner-image-figure {
  margin: 0;
  padding: 0;
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: 100%;
}
@media (max-width: 1200px) {
  .banner-block .banner-box .banner-image .banner-image-figure {
    justify-content: flex-end;
    align-items: flex-end;
  }
}
.banner-block .banner-box .banner-image img {
  width: 100%;
  height: auto;
  display: block;
  max-width: 180px;
}
@media (max-width: 1200px) {
  .banner-block .banner-box .banner-image img {
    max-width: 140px;
  }
}

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