@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:wght@300;600;900&display=swap');

body {
    width: 100%;
    height: 100%;
    font-family: 'Fira Sans', sans-serif;
    font-weight: 600;
    color: #202020;
    background-color: #fff
}

html {
    width: 100%;
    height: 100%
}

h1,
h2 {
    font-weight: 900 !important
}

h3,
h4,
h5,
h6 {
    font-weight: 600 !important
}

.bold,
b {
    font-weight: 900 !important
}

.semi-bold {
    font-weight: 600 !important
}

.light {
    font-weight: 300 !important
}

.card .btn {
  border-top-left-radius: 0rem !important;
  border-top-right-radius: 0rem !important;
}

.card .card-body .btn {
  border-radius: 0.3rem !important;
}

.text-primary {
  color: #0d386b !important
}

.btn-xl {
    padding: .85rem;
    font-size: 1.65rem
}

footer {
    background: #fff
}

.caha-home-hero {
    margin-top: 2.5rem;
    background: #072554;
    width: 100%;
    height: fit-content;
    padding-top:14rem;
    padding-bottom:6rem;
}

.caha-home-hero.lazy-bg-loaded {
    background: url(../img/caha-hero-intro-spring-1650-1100.png) center bottom;
    background-size: cover;
    width: 100%;
    height: fit-content
}

.special-margin {
  margin-top:-2rem;
  position: relative;
  width: 100%;
}

.caha-division-block-wrapper {
  position: relative;
  height: 30rem;
}

.caha-service-commercial,
.caha-service-residential {
    position: absolute;
    background: #666;
    background-size: cover;
    width: 100%;
    height: 30rem;
    padding-top: 10rem
}

.bg-light.opacity-75 {
  background-color: rgba(255, 255, 255, 0.75) !important;
  position: absolute;
  width: 100%;
  height: fit-content;
  bottom: 0;
  padding: 2rem;
}

.caha-service-residential.lazy-bg-loaded {
    background: url(../img/caha-division-block-residential.jpg);
    background-size: cover
}

.caha-service-commercial.lazy-bg-loaded {
    background: url(../img/caha-division-block-commercial.jpg);
    background-size: cover;
}

.caha-rollover-img {
  background: #fff;
  background-size:cover;
  width: 100%;
}
.caha-rollover-img.heating {
  background: url(../img/caha-rollover-heating.jpg) center center;
  background-size: cover;
}
.caha-rollover-img.cooling {
  background: url(../img/caha-rollover-cooling.jpg);
  background-size: cover;
}
.caha-rollover-img.air-quality {
  background: url(../img/caha-rollover-air-quality.jpg);
  background-size: cover;
}
.caha-rollover-img.furnace {
  background: url(../img/caha-rollover-furnace.jpg) center center;
  background-size: cover;
}
.caha-rollover-img.ac {
  background: url(../img/caha-rollover-ac.jpg);
  background-size: cover;
}
.caha-rollover-img.ductless {
  background: url(../img/caha-rollover-ductless.jpg);
  background-size: cover;
}

.caha-banner {
  background: #666;
  background-size:cover;
  width: 100%;
}
.caha-banner.furnace {
  background: url(../img/caha-banner-furnace-1650.jpg) center center;
  background-size: cover;
}
.caha-banner.iaq {
  background: url(../img/caha-banner-iaq-1650.jpg) top center;
  background-size: cover;
}
.caha-banner.financing {
  background: url(../img/caha-banner-financing.jpg) center center;
  background-size: cover;
}


@media (max-width:1200px) {
    .caha-home-hero {
        height: fit-content
    }
    .caha-home-hero.lazy-bg-loaded {
        background: url(../img/caha-hero-intro-spring-1200-800.png) center;
        background-size: cover;
        width: 100%;
        height: fit-content
    }
    .caha-rollover-img.heating {
      background: url(../img/caha-rollover-heating-1200.jpg);
      background-size: cover;
    }
    .caha-rollover-img.cooling {
      background: url(../img/caha-rollover-cooling-1200.jpg);
      background-size: cover;
    }
    .caha-rollover-img.air-quality {
      background: url(../img/caha-rollover-air-quality-1200.jpg);
      background-size: cover;
    }
    .caha-banner.furnace {
      background: url(../img/caha-banner-furnace-1200.jpg) center center;
      background-size: cover;
    }
    .caha-banner.iaq {
      background: url(../img/caha-banner-iaq-1200.jpg) center center;
      background-size: cover;
    }
}

@media (max-width:991px) {
    .caha-home-hero {
        height: fit-content
    }
    .caha-home-hero.lazy-bg-loaded {
        background: url(../img/caha-hero-intro-spring-991-650.png) center;
        background-size: cover;
        width: 100%;
        height: fit-content
    }
}

@media (max-width:767px) {
    .caha-home-hero {
        height: fit-content
    }
    .caha-home-hero.lazy-bg-loaded {
        background: url(../img/caha-hero-intro-spring-767-525.png) center;
        background-size: cover;
        width: 100%;
        height: fit-content
    }
}

@media (max-width:450px) {
    .caha-home-hero {
        height: fit-content;
        margin-top: 3.75rem;
        padding-top: 7rem;
        padding-bottom: 3rem;
    }
    .caha-home-hero.lazy-bg-loaded {
        background: url(../img/caha-hero-intro-spring-450-350.png) center;
        background-size: cover;
        width: 100%;
        height: fit-content
    }
    .caha-home-hero .container .row .col-12 h1.display-4 {font-size: 2rem;}
    .caha-home-hero .container .row .col-12 h2 {font-size: 1.5rem;}
}