/*VARIABLES*/
.bgp-lid {
  height: 600px;
  background-position: center;
  background-size: cover;
  margin: 0 -15px;
}
@media only screen and (max-width: 700px) {
  .bgp-lid {
    height: 400px;
  }
}
.bgp-lid img.bgp-logo {
  width: clamp(100px, 20vw, 165px);
  margin-top: 20px;
  margin-left: clamp(14px, 3vw, 20px);
}
.bgp-lid img.game-award {
  margin: 0 auto;
}

.bgp-banner {
  background-color: #50c1e8;
  margin: 0 -15px;
}
.bgp-banner img.game-title {
  position: absolute;
  width: clamp(210px, 50vw, 600px);
  left: clamp(14px, 3vw, 40px);
  transform: translateY(30%);
  margin-top: clamp(-55px, -15%, -8px);
}
@media only screen and (max-width: 770px) {
  .bgp-banner img.game-title {
    margin-top: clamp(-26px, -15%, -8px);
  }
}
.bgp-banner img.game-award {
  position: absolute;
  right: clamp(10px, 3vw, 50px);
  width: clamp(90px, 18vw, 215px);
  margin-top: clamp(-200px, -15%, -35px);
}
.bgp-banner img.game-award-title {
  position: absolute;
  transform: translateX(-10px);
  width: clamp(105px, 32vw, 225px);
  right: clamp(70px, 14vw, 210px);
  margin-top: clamp(0px, 10%, 35px);
}
@media only screen and (max-width: 750px) {
  .bgp-banner img.game-award-title {
    right: clamp(55px, 12vw, 120px);
    margin-top: clamp(0px, 10%, 19px);
  }
}

#bgp-block-title {
  margin: 0 -160px;
  text-align: center;
  border-bottom: none;
}
#bgp-block-title h1,
#bgp-block-title h2,
#bgp-block-title h3,
#bgp-block-title h4,
#bgp-block-title h5,
#bgp-block-title h6 {
  font-family: "futura-pt", sans-serif !important;
  font-weight: 800 !important;
  font-style: normal;
  text-transform: uppercase !important;
}
#bgp-block-title h1 {
  font-size: 3.5rem;
}
@media only screen and (max-width: 991px) {
  #bgp-block-title {
    margin: inherit;
  }
}

img.game-award {
  position: absolute;
  right: 30px;
  width: 250px;
  margin-top: -240px;
}