:root {
  --bs-font-sans-serif: -apple-system, "system-ui", "Segoe UI", Roboto, "Helvetica", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --bs-body-font-family: -apple-system, "system-ui", Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
}


header.masthead {
  padding-top: 10rem;
  padding-bottom: calc(10rem - 4.5rem);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.8) 100%), url("../assets/img/bg-masthead.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
}
header.masthead h1, header.masthead .h1 {
  font-size: 2.25rem;
}
@media (min-width: 992px) {
  header.masthead {
    height: 100vh;
    min-height: 40rem;
    padding-top: 4.5rem;
    padding-bottom: 0;
  }
  header.masthead p {
    font-size: 1.15rem;
  }
  header.masthead h1, header.masthead .h1 {
    font-size: 3rem;
  }
}
@media (min-width: 1200px) {
  header.masthead h1, header.masthead .h1 {
    font-size: 3.5rem;
  }
}


header.masthead_inner {
  padding-top: 10rem;
  padding-bottom: calc(10rem - 4.5rem);
  background: linear-gradient(to bottom, rgba(92, 77, 66, 0.5) 0%, rgba(92, 77, 66, 0.5) 100%), url("../assets/img/bg-masthead-work.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
}
header.masthead_inner h1, header.masthead_inner .h1 {
  font-size: 2.25rem;
}
@media (min-width: 992px) {
  header.masthead_inner {
    height: 100vh;
    min-height: 40rem;
    padding-top: 4.5rem;
    padding-bottom: 0;
  }
  header.masthead_inner p {
    font-size: 1.15rem;
  }
  header.masthead_inner h1, header.masthead_inner .h1 {
    font-size: 3rem;
  }
}
@media (min-width: 1200px) {
  header.masthead_inner h1, header.masthead_inner .h1 {
    font-size: 3.5rem;
  }
}


header.masthead-sm {
  padding-top: 10rem;
  padding-bottom: calc(10rem - 4.5rem);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, rgba(92, 77, 66, 0.8) 100%), url("../assets/img/bg-masthead-sm.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
}
header.masthead-sm h1, header.masthead-sm .h1 {
  font-size: 2.25rem;
}
@media (min-width: 992px) {
  header.masthead-sm {
    height: 40vh;
    padding-top: 6.5rem;
    padding-bottom: 0;
  }
  header.masthead-sm p {
    font-size: 1.15rem;
  }
  header.masthead-sm h1, header.masthead-sm .h1 {
    font-size: 3rem;
  }
}
@media (min-width: 1200px) {
  header.masthead-sm h1, header.masthead-sm .h1 {
    font-size: 3.5rem;
  }
}


:root {
  --bs-primary-rgb: 237, 28, 36;
  --bs-link-color: #f4623a;
  --bs-link-hover-color: #c34e2e;
}


.bg-primary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}

.text-bg-primary {
  color: #fff !important;
  background-color: RGBA(244, 98, 58, var(--bs-bg-opacity, 1)) !important;
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #ed1c24;
  --bs-btn-border-color: #ed1c24;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #cf5331;
  --bs-btn-hover-border-color: #c34e2e;
  --bs-btn-focus-shadow-rgb: 246, 122, 88;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #c34e2e;
  --bs-btn-active-border-color: #b74a2c;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #ed1c24;
  --bs-btn-disabled-border-color: #ed1c24;
}


.page-section {
    padding: 4rem 0;
}


#mainNav {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  background-color: #231f20;
  transition: background-color 0.2s ease;
}
#mainNav .navbar-brand {
  font-family: "Merriweather Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 700;
  color: #fff;
}
#mainNav .navbar-nav .nav-item .nav-link {
  color: #fff;
  font-family: "Merriweather Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 700;
  font-size: 0.9rem;
}
#mainNav .navbar-nav .nav-item .nav-link:hover, #mainNav .navbar-nav .nav-item .nav-link:active {
  color: #808285;
}
#mainNav .navbar-nav .nav-item .nav-link.active {
  color: #808285 !important;
}


@media (min-width: 992px) {
  #mainNav {
    box-shadow: none;
    background-color: transparent;
  }
  #mainNav .navbar-brand {
    color: rgba(255, 255, 255, 0.7);
  }
  #mainNav .navbar-brand:hover {
    color: #fff;
  }
  #mainNav.navbar-shrink {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    background-color: #231f20;
  }
  #mainNav.navbar-shrink .navbar-brand {
    color: #fff;
  }
  #mainNav.navbar-shrink .navbar-brand:hover {
    color: #808285;
  }
  #mainNav.navbar-shrink .navbar-nav .nav-item .nav-link {
    color: #fff;
  }
  #mainNav.navbar-shrink .navbar-nav .nav-item .nav-link:hover {
    color: #808285;
  }
}