:root {
    --brand-color: 0, 159, 219;
    --hover-color: 72, 98, 163;
    --light-color: 255, 165, 0;
    --light-hover-color: 72, 98, 163;
}


body {
    font-family: "DM Sans", sans-serif;
}

a:hover {
  color: rgb(var(--hover-color))!important;
}

about-blurb {
}

@media (max-width: 1199px) {
  .about-blurb {
    width: 400px!important;
  }
}

@media (max-width: 575px) {
  .about-blurb {
    width: 300px!important;
  }
}

.about-blurb {
  width: 550px;
}

@media (max-width: 1199px) {
  .about-img {
    width: 400px!important;
  }
}

@media (max-width: 575px) {
  .about-img {
    width: 281.6px!important;
  }
}

@media (max-width: 991px) {
  .about-heading {
    text-align:center;
  }
}

.about-img {
  width: 500px;
}

.about-office {
  width: 90%;
}

.team-blurb {
  width: 500px;
}

.team-blurb {
  width: 500px;
}

@media (max-width: 1199px) {
  .team-blurb {
    width: 350px!important;
  }
}

.btn-contact:hover {
    background-color:#fff!important;
    border: 1px solid rgb(var(--hover-color));!important;
}

.hero-main {
    background:linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)), 
    var(--hero-bg);
    height: 100vh;
    min-height: 900px;
    padding-top: 0;
    padding-bottom: 0;
    background-position: center;
    background-size:cover;
    background-attachment:fixed;
}

.hero-main-content {
    margin-top: 100px; 
    height: calc(100vh - 100px);
}

.hero-welcome {
    text-align: center;
    height: auto;
    font-size: 79px;
    min-width: auto;
    min-width:300px; 
    margin: 75px auto 0 auto; 
    font-weight:600;
}

.p-10 {
    padding: 10px;
}

.section-white {
    background: #ffffff; padding: 8rem 0;
}

.section-white .section-heading {
    color: rgb(var(--brand-color));
    font-weight:700;
}

.section-centered {
    width:80%;margin: 40px auto;max-width:1320px;
}


.divider-main {
    width:70%;
    border:1px solid rgb(var(--brand-color));
    margin:40px auto;
    margin-top:80px;
}

.text-dark-grey {
    color: #4E5663
}

.text-main {
    color:rgb(var(--brand-color));
}

.text-light-color {
    color: rgb(var(--light-color));
}

.btn-contact {
    background-color:rgb(var(--brand-color));
    width:300px; 
    margin:20px auto; 
    font-weight:700; 
    color:white; 
    border-radius:4px; 
    font-size: 1.5em; 
    padding:20px 20px;
    margin-bottom:120px;
}

.brand-lg {
    height: 100px;
    padding: 10px;
    max-width: 300px;
}

.brand-md {
    height: 80px;
    padding: 10px;
    max-width: 300px;
}

.testimonials-main {
    padding-top: 40px;
    padding-bottom: 40px;
    background: linear-gradient(rgba(var(--brand-color), 0.86) 100%, black 100%), 
    var(--reviews-bg);
    background-size: auto, cover, auto;
    background-attachment:fixed;
}

.hero-quote {
    max-width:900px;
    color: #ffffff;
    text-align: center;
    margin: auto;
    padding: 50px 30px;
    font-weight:700;
}

.search-main {
    border: 2px solid rgb(var(--brand-color)); 
    padding:10px;
}