/* Placing new css here until sass issue resolved */

@font-face {
  font-family: 'begum';
  src: url('../fonts/begum-medium-webfont.woff2') format('woff2'),
       url('../fonts/begum-medium-webfont.woff') format('woff');
  font-weight: 400;
}
@font-face {
  font-family: 'begum';
  src: url('../fonts/begum-semibold-webfont.woff2') format('woff2'),
       url('../fonts/begum-semibold-webfont.woff') format('woff');
  font-weight: 600;
}
@font-face {
  font-family: 'begum';
  src: url('../fonts/begum-bold-webfont.woff2') format('woff2'),
       url('../fonts/begum-bold-webfont.woff') format('woff');
  font-weight: 700;
}

.home-hero .hero-content {
    background-color: #d7d2cbE6;
    padding-top: 3rem;
    padding-bottom: 3rem;
    height: auto !important;
}
@media screen and (max-width: 70.875em){
    .home-hero .hero-content {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
}
.home-hero h1,
.home-hero h1 span.tagline-2 {
    margin-top: 0 !important;
    color: #202020 !important;
    font-family: 'begum';
    font-weight: 400;
}
.home-hero h1 span.tagline-2 {
    margin-bottom: 0 !important;
    font-weight: 800 !important;
    text-underline-offset: 0.15em;
    text-decoration: underline;
    text-decoration-color: #cba052;
}
.home-hero .block-button {
    color: #202020 !important;
    border-color: currentColor;
}