/*$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: calc(720px / 2);
    position: absolute;
    bottom: 0; }
    @media (max-width: 991px) {
      .single-media-text .background-color {
        height: 50%; } }