/* === Red Barn Media Group - Custom Styles - Dry Creek === */
/* === Home Hero Styles :: BEGIN === */
.dc-hero-intro {
  margin-top:128px;
  width: 100%;
  height: 725px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #fbf1e2;
}
.dc-hero-intro .dc-hero-split-image {
    background: url(../img/dc-hero-1000-725.webp) center bottom;
    background-size: cover;
    width: 100%;
    height: 725px;
}
.dc-hero-intro .dc-hero-split-image.alt {
    background: url(../img/dc-hero-road-1000-725.webp) center bottom;
    background-size: cover;
}
.dc-hero-intro .dc-hero-split-image.furnace {
    background: url(../img/dc-hero-furnace-1000-725.webp) center bottom;
    background-size: cover;
}
.dc-hero-intro .dc-hero-split-image.mini-split {
    background: url(../img/dc-hero-mini-split-1000-725.webp) center bottom;
    background-size: cover;
}
.dc-hero-intro .dc-hero-split-image.ac {
    background: url(../img/dc-hero-ac-1000-725.webp) center bottom;
    background-size: cover;
}
.dc-hero-intro .dc-hero-split-image.boiler {
    background: url(../img/dc-hero-boiler-1000-725.webp) center bottom;
    background-size: cover;
}
.dc-hero-intro h4 {
    font-size: 1.5rem;
    font-family: "figtree", sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #07183a;
}
.dc-hero-intro h1 {
  font-size: 3.5rem;
  font-family: "vollkorn", serif;
  font-weight: 800;
  font-style: normal;
  text-transform: uppercase;
  color: #07183a;
}
.dc-hero-intro h1 strong {
    background-color: #ffc107;
    display: inline;
    padding: 0 0.1em;
    line-height: 1;
}

/* === Home Hero Styles :: END === */
/* === Banner Styles :: BEGIN === */
.dchc-banner-why-block-graphic {
    background: url(../img/dchc-banner-why-block-graphic.svg) left center;
    width: 100%;
    background-size: cover;
}
.dchc-banner-air-quality-split-bg {
    background: url(../img/dchc-banner-air-quality-split-bg-1500-1000.webp) center center;
    width: 100%;
    background-size: cover;
}
.dchc-banner-air-quality-border {
    border-right: 1px solid #fff;
}
.dchc-banner-service-area-split-bg {
    background: url(../img/dchc-banner-service-area-split-bg-1500-1150.webp) center center;
    width: 100%;
    background-size: cover;
}
.dchc-banner-lets-get-started-split-bg {
    background: url(../img/dchc-banner-lets-get-started-split-bg-1500-1200.webp) center center;
    width: 100%;
    background-size: cover;
}
/* === Banner Styles :: END === */
/* === Media Queries :: BEGIN === */
@media (max-width:1400px) {
/* === Home Hero Styles :: BEGIN === */
.dc-hero-intro {
  width: 100%;
  height: 600px;
}
.dc-hero-intro .dc-hero-split-image {
    background: url(../img/dc-hero-700-600.webp) center bottom;
    background-size: cover;
    width: 100%;
    height: 600px;
}
.dc-hero-intro .dc-hero-split-image.alt {
    background: url(../img/dc-hero-road-700-600.webp) center bottom;
    background-size: cover;
}
.dc-hero-intro .dc-hero-split-image.furnace {
    background: url(../img/dc-hero-furnace-700-600.webp) center bottom;
    background-size: cover;
}
.dc-hero-intro .dc-hero-split-image.mini-split {
    background: url(../img/dc-hero-mini-split-700-600.webp) center bottom;
    background-size: cover;
}
.dc-hero-intro .dc-hero-split-image.ac {
    background: url(../img/dc-hero-ac-700-600.webp) center bottom;
    background-size: cover;
}
.dc-hero-intro .dc-hero-split-image.boiler {
    background: url(../img/dc-hero-boiler-700-600.webp) center bottom;
    background-size: cover;
}
/* === Home Hero Styles :: END === */
/* === Banner Styles :: BEGIN === */
.dchc-banner-air-quality-split-bg {
    background: url(../img/dchc-banner-air-quality-split-bg-1000-800.webp) center center;
    width: 100%;
    background-size: cover;
}
.dchc-banner-service-area-split-bg {
    background: url(../img/dchc-banner-service-area-split-bg-1000-800.webp) center center;
    width: 100%;
    background-size: cover;
}
.dchc-banner-lets-get-started-split-bg {
    background: url(../img/dchc-banner-lets-get-started-split-bg-1000-950.webp) center center;
    width: 100%;
    background-size: cover;
}
/* === Banner Styles :: END === */
}

@media (max-width:1325px) {
    .dc-hero-intro h1 {
      font-size: 3rem;
    }
}

@media (max-width:1200px) {
/* === Home Hero Styles :: BEGIN === */
.dc-hero-intro {
  margin-top:100px;
  width: 100%;
  height: 600px;
}
.dc-hero-intro h4 {
    font-size: 0.85rem;
}
.dc-hero-intro h1 {
  font-size: 2.5rem;
}
.dc-hero-intro .dc-hero-split-image {
    background: url(../img/dc-hero-600-600.webp) center bottom;
    background-size: cover;
    width: 100%;
    height: 600px;
}
.dc-hero-intro .dc-hero-split-image.alt {
    background: url(../img/dc-hero-road-600-600.webp) center bottom;
    background-size: cover;
}
.dc-hero-intro .dc-hero-split-image.furnace {
    background: url(../img/dc-hero-furnace-600-600.webp) center bottom;
    background-size: cover;
}
.dc-hero-intro .dc-hero-split-image.mini-split {
    background: url(../img/dc-hero-mini-split-600-600.webp) center bottom;
    background-size: cover;
}
.dc-hero-intro .dc-hero-split-image.ac {
    background: url(../img/dc-hero-ac-600-600.webp) center bottom;
    background-size: cover;
}
.dc-hero-intro .dc-hero-split-image.boiler {
    background: url(../img/dc-hero-boiler-600-600.webp) center bottom;
    background-size: cover;
}
/* === Home Hero Styles :: END === */
/* === Banner Styles :: BEGIN === */
.dchc-banner-air-quality-split-bg {
    background: url(../img/dchc-banner-air-quality-split-bg-600-600.webp) center center;
    width: 100%;
    background-size: cover;
}
.dchc-banner-service-area-split-bg {
    background: url(../img/dchc-banner-service-area-split-bg-600-600.webp) center center;
    width: 100%;
    background-size: cover;
}
.dchc-banner-lets-get-started-split-bg {
    background: url(../img/dchc-banner-lets-get-started-split-bg-600-600.webp) center center;
    width: 100%;
    background-size: cover;
}
/* === Banner Styles :: END === */
}

@media (max-width:991px) {
/* === Home Hero Styles :: BEGIN === */
.dc-hero-intro {
  width: 100%;
  height: 400px;
  background-size: cover;
}
.dc-hero-intro .dc-hero-split-image {
    background: url(../img/dc-hero-500-400.webp) center bottom;
    background-size: cover;
    width: 100%;
    height: 400px;
}
.dc-hero-intro .dc-hero-split-image.alt {
    background: url(../img/dc-hero-road-500-400.webp) center bottom;
    background-size: cover;
}
.dc-hero-intro .dc-hero-split-image.furnace {
    background: url(../img/dc-hero-furnace-500-400.webp) center bottom;
    background-size: cover;
}
.dc-hero-intro .dc-hero-split-image.mini-split {
    background: url(../img/dc-hero-mini-split-500-400.webp) center bottom;
    background-size: cover;
}
.dc-hero-intro .dc-hero-split-image.ac {
    background: url(../img/dc-hero-ac-500-400.webp) center bottom;
    background-size: cover;
}
.dc-hero-intro .dc-hero-split-image.boiler {
    background: url(../img/dc-hero-boiler-500-400.webp) center bottom;
    background-size: cover;
}
/* === Home Hero Styles :: END === */
.dchc-banner-air-quality-border {
    border-right: none;
}
}

@media (max-width:850px) {
    .dc-hero-intro h1 {
      font-size: 2rem;
    }
}

@media (max-width:767px) {
/* === Home Hero Styles :: BEGIN === */
.dc-hero-intro {
  width: 100%;
  height: fit-content;
  padding-top:6rem;
  padding-bottom:6rem
}
.dc-hero-intro h4 {
  font-size: 0.85rem;
}
.dc-hero-intro h1 {
  font-size: 1.85rem;
}
/* === Home Hero Styles :: END === */
}

@media (max-width:576px) {}

@media (max-width:450px) {}

/* === Media Queries :: END === */