/* === Red Barn Media Group - Custom Styles - Bama Air Systems === */
/* === Home Hero Styles :: BEGIN === */
.bama-hero-intro {
  margin-top:136px;
  width: 100%;
  height: 725px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  left: 0;
  right: 0;
  top: 0;
  background: url(../img/bama-hero-2000-725.webp) top center;
  background-size: cover;
  position: relative;
}
.bama-hero-intro h2 {
  font-size: 4rem;
  font-weight: 700;
  color: #fff;
}
.bama-hero-intro h1 {
  font-size: 2rem;
  font-weight: 600;
  color: #fff;
  text-decoration: underline;
}
/* === Home Hero Styles :: END === */
/* === Sub Hero Styles :: BEGIN === */
.bama-hero-intro h2 {
  font-size: 2rem;
  font-weight: 600;
  color: #fff;
}
.bama-hero-intro h1 {
  font-size: 3.5rem;
  font-weight: 700;
  color: #fff;
  text-decoration: none;
}
/* === Sub Hero Styles :: END === */
/* === Arrow Styles :: BEGIN === */
.bama-arrow-01 {
    background: url(../img/bama-arrow-01.svg);
    width: 313px;
    height: 657px;
    position: absolute;
    top: 0;
    right: 5%;
    bottom:0;
}
.bama-arrow-02 {
    background: url(../img/bama-arrow-02.svg);
    width: 333px;
    height: 1140px;
    position: absolute;
    top: 0;
    right: 5%;
    bottom:0;
}
/* === Arrow Styles :: END === */
/* === Banner Styles :: BEGIN === */
.bama-banner-financing {
    background: url(../img/bama-banner-financing.webp) left center;
    background-size: cover;
    width: 100%;
}

.bama-banner-arrows {
    background: url(../img/bama-banner-arrows-over-gradient.svg) center;
    background-size: cover;
    width: 100%;
    height: fit-content;
}
.bama-banner-maintenance-header {
    background: url(../img/bama-maintenance-header.svg) center bottom;
    background-size: cover;
    width: 100%;
    height: fit-content;
    padding-bottom: 6rem;
}

.bama-banner-ductless {
    background: url(../img/bama-banner-ductless.webp) right;
    background-size: cover;
    width: 100%;
}
/* === Banner Styles :: END === */

/* === Media Queries :: BEGIN === */
@media (max-width:1550px) {
/* === Arrow Styles :: BEGIN === */
  div.position-relative {
      overflow: hidden;
  }
  .bama-arrow-01 {
      background: url(../img/bama-arrow-01.svg);
      width: 325px;
      height: 681px;
      position: absolute;
      top: 0;
      right: -6rem;
      bottom:0;
  }
  .bama-arrow-02 {
      background: url(../img/bama-arrow-02.svg);
      width: 333px;
      height: 1140px;
      position: absolute;
      top: 0;
      right: -6rem;
      bottom:0;
  }
  /* === Arrow Styles :: END === */
}
@media (max-width:1400px) {
  /* === Home Hero Styles :: BEGIN === */
  .bama-hero-intro {
    height: 725px;
    background: url(../img/bama-hero-1400-725.webp) top center;
    background-size: cover;
  }
  .bama-hero-intro h2 {
    font-size: 3.5rem;
  }
  .bama-hero-intro h1 {
    font-size: 2rem;
  }
  /* === Home Hero Styles :: END === */
  /* === Arrow Styles :: BEGIN === */
  .bama-arrow-02 {
    width: 359px;
       height: 1232px;
  }
  /* === Arrow Styles :: END === */
}

@media (max-width:1300px) {
 /* === Arrow Styles :: BEGIN === */
   .bama-arrow-01 {
       background: url(../img/bama-arrow-01.svg);
       width: 325px;
       height: 681px;
       position: absolute;
       top: 0;
       right: -8rem;
       bottom:0;
   }
   .bama-arrow-02 {
       background: url(../img/bama-arrow-02.svg);
       width: 359px;
       height: 1232px;
       position: absolute;
       top: 0;
       right: -8rem;
       bottom:0;
   }
  /* === Arrow Styles :: END === */
}

@media (max-width:1200px) {
  /* === Home Hero Styles :: BEGIN === */
  .bama-hero-intro {
    margin-top:161px;
    height: 650px;
    background: url(../img/bama-hero-1200-650.webp) center center;
    background-size: cover;
  }
  .bama-hero-intro h2 {
      font-size: 3rem;
    }
    .bama-hero-intro h1 {
      font-size: 1.75rem;
    }
  /* === Home Hero Styles :: END === */
  /* === Arrow Styles :: BEGIN === */
    .bama-arrow-01,.bama-arrow-02 {
        display: none;
    }
    /* === Arrow Styles :: END === */
    .menu-contact {
      background-color: #dc3545 !important; 
      color: white !important; 
      border-color: #dc3545 !important; 
    }
}

@media (max-width:991px) {
  /* === Home Hero Styles :: BEGIN === */
  .bama-hero-intro {
    height: 650px;
    background: url(../img/bama-hero-991-650.webp) center center;
    background-size: cover;
  }
  .bama-hero-intro h2 {
      font-size: 2.75rem;
    }
    .bama-hero-intro h1 {
      font-size: 1.25rem;
    }
  /* === Home Hero Styles :: END === */
}

@media (max-width:767px) {
  /* === Home Hero Styles :: BEGIN === */
  .bama-hero-intro {
    margin-top:136px;
    height: fit-content;
    background: url(../img/bama-banner-maintenance.svg) center center;
    background-size: cover;
    padding-top:4rem;
    padding-bottom:4rem;
  }
  .bama-hero-intro h2 {
      font-size: 2.5rem;
    }
    .bama-hero-intro h1 {
      font-size: 1rem;
    }
  /* === Home Hero Styles :: END === */
}

@media (max-width:576px) {

}

@media (max-width:450px) {

}

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