/**
 *  Banner
 */

.banner{
  position: relative;
  width: 100%;
}
.banner__image {
  display: block;
}
.banner__image picture::before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%);
}
.banner__content {
  position: absolute;
  top: 60%;
  left: 50%;
  transform: translateX(-50%) translateY(-60%);
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 0 1.5rem;
  gap: 1.25rem;
}
.banner__text {
  color: white;
  width: 80%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.25rem;
}
.banner__text > * {
  margin: 0;
}
.banner__text h1 {
  font-weight: 500;
  line-height: 130%;
  text-align: center;
}
.banner__text h2 {
  font-weight: 500;
  line-height: 150%;
  text-align: center;
}
.banner__text p {
  font-size: 1rem;
  font-weight: 400;
  line-height: 22px;
  text-align: center;
}
.banner__anchor {
  background-image: url(../../images/icons/arrow_down.svg);
  width: 56px;
  height: 56px;
  display: block;
}

@media all and (min-width : 700px) {


  .banner__text h2 {
    width: 60%;
  }

  .banner__text p {
    width: 42%;
  }
}