.about-developers-banner {
  background-image: url("../../img/developer_banner.png");
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  margin: 0;
  opacity: 0.2;
  height: 35rem;
}

.local-banner-text {
  position: absolute;
  top: 15rem;
  max-width: 500px;
  left: 20%;
}

.marketing__row {
  padding: 5%;
  margin: 6rem 5% 0 5%;
}

.marketing__row img {
  width: 100%;
}

.marketing__row hr {
  width: 120%;
  color: rgb(192, 40, 103);
  background-color: rgb(192, 40, 103);
  height: 3px;
  margin-left: -50px;
}

.esports__row {
  padding: 5%;
  margin: 4rem 5% 0 5%;
}

.esports__row hr {
  width: calc(100% + 50px);
  color: rgb(192, 40, 103);
  background-color: rgb(192, 40, 103);
  height: 3px;
}

.marketing__row img {
  width: 100%;
}

.esports__row img {
  width: 100%;
}

.marketing-pink_border {
  position: absolute;
  height: 95%;
  width: 95%;
  top: 2.5%;
  left: 2.5%;
  border: 3px solid white;
}

.marketing_card {
  padding: 1rem;
  background-color: black;
  color: white;
}

.marketing_card:hover .marketing-pink_border {
  border: 3px solid rgb(255, 49, 135);
  transition: border 1s;
}

.marketing_card:hover img {
  opacity: 1;
  transition: opacity 1s;
}

.marketing_image {
  opacity: 0.5;
  width: 100%;
  object-fit: cover;
  height: 500px;
}

.top-marketing__section {
  margin: 5rem auto 0 auto;
}

.bottom-marketing__section {
  margin: 0 auto 5rem auto;
}

.marketing-background {
  position: absolute;
  top: 80px;
  left: 50px;
  width: 60%;
  z-index: 10;
}

.marketing-background h4 {
  font-weight: 700;
}

.marketing-background p {
  font-weight: 400;
}

@media (max-width: 750px) {
  .esports__row hr {
    width: auto;
  }

  .marketing__row hr {
    width: auto;
    margin-left: auto;
  }

  .local-banner-text {
    left: 5%;
    text-align: center;
    width: 90%;
  }
}