/* GLOBAL STYLES
-------------------------------------------------- */

.backgroundpic {
    background-image: url("../../assets/images/dog.svg");
    background-repeat: no-repeat;
    background-size: cover;
    height: 60vh;
    margin-bottom: 2rem

}

.marketing .col-lg-4 {
    margin-bottom: 1.5rem;
    text-align: center;
  }
.marketing h2 {
    font-weight: 400;
  }
  /* rtl:begin:ignore */
.marketing .col-lg-4 p {
    margin-right: .75rem;
    margin-left: .75rem;
  }
.hero-caption {
    bottom: 4rem;
    margin-bottom: 4rem;
    z-index: 10;
    height: 32rem;
    text-align: center;
    padding-top: 14vh;
    color: #ffff
  }

  .hero-caption-h1-text {
    font-size: calc(1.625rem + 3.5vw);
  }

  .hero-caption-h2-text {
    font-size: calc(1rem + 2vw);
  }

  .hero-caption-text {
    font-size: calc(1rem + .5vw);
  }

  .social-sec .social-wrapper {
    display: flex;
    justify-content: space-between;
}
  .social-sec .first-grid {
    width:32%;
  }

  .featurette-image {
    max-width:  auto;
    height: 500px;
    object-fit: cover;
  }


  @media (min-width: 576px) {
    .hero-caption {
      color: #ffff;
      padding-top: 18vh;
    }
  }

  @media (min-width: 768px) {
    .hero-caption {
      color: #ffff;
      padding-top: 18vh;
    }
  }
  
@media (min-width: 980px) {
    .backgroundpic {
        height: 85vh;
    }
    .hero-caption {
    color: #ffff;
    padding-top: 26vh;
    }

    .hero-caption-h1-text {
      font-size: 60px;
    }
}

@media (min-width: 1200px) {
  .backgroundpic {
      height: 85vh;
  }
  .hero-caption {
  color: #ffff;
  padding-top: 26vh;
  }
}

@media (min-width: 1400px) {
  .backgroundpic {
      height: 85vh;
  }
  .hero-caption {
  color: black;
  padding-top: 5vh;
  }
}