/*$background-color: #CAE3E0;
$footer-bg: #BFD8D5;
$brand-pink: #DE3251;
$brand-gold: #DA932B;
$dark-gold: #98671E;

$pink: #DE3251;
$dark-pink: #9B2339;*/
.single-media-text {
  text-align: center;
  margin: 0 auto;
}
.single-media-text h1, .single-media-text h2, .single-media-text h3, .single-media-text h4 {
  font-size: 90px;
  margin-bottom: 30px;
}
@media (max-width: 1499px) {
  .single-media-text h1, .single-media-text h2, .single-media-text h3, .single-media-text h4 {
    font-size: 58px;
  }
}
@media (max-width: 991px) {
  .single-media-text h1, .single-media-text h2, .single-media-text h3, .single-media-text h4 {
    font-size: 32px;
    margin-bottom: 15px;
    padding: 0 20px;
  }
}
.single-media-text h1 span, .single-media-text h2 span, .single-media-text h3 span, .single-media-text h4 span {
  font-size: 130px;
}
@media (max-width: 1499px) {
  .single-media-text h1 span, .single-media-text h2 span, .single-media-text h3 span, .single-media-text h4 span {
    font-size: 90px;
  }
}
@media (max-width: 991px) {
  .single-media-text h1 span, .single-media-text h2 span, .single-media-text h3 span, .single-media-text h4 span {
    font-size: 48px;
  }
}
.single-media-text p {
  color: #666867;
  font-family: "CircularBook", sans-serif;
  font-size: 21px;
  line-height: 1.5;
}
@media (max-width: 1499px) {
  .single-media-text p {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .single-media-text p {
    font-size: 16px;
    padding: 0 20px;
  }
}
.single-media-text .row {
  padding: 0 20px;
}
.single-media-text__bg-image {
  max-width: 1280px;
  height: 720px;
  position: relative;
  margin-top: 30px;
}
@media (max-width: 1499px) {
  .single-media-text__bg-image {
    height: 600px;
  }
}
@media (max-width: 991px) {
  .single-media-text__bg-image {
    height: unset;
    margin-top: 5px;
  }
}
.single-media-text__bg-image .has-bg-image, .single-media-text__bg-image .has-parallax {
  background-size: contain;
}
.single-media-text__bg-image img {
  width: 100%;
  margin: 0 auto;
}
@media (max-width: 991px) {
  .single-media-text__bg-image img {
    max-width: 720px;
  }
}
@media (max-width: 767px) {
  .single-media-text__bg-image img {
    max-width: 540px;
  }
}
.single-media-text .background-color {
  width: 100%;
  height: 360px;
  position: absolute;
  bottom: 0;
}
@media (max-width: 991px) {
  .single-media-text .background-color {
    height: 50%;
  }
}