body {
  font-family:'Roboto Slab',serif;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Montserrat', sans-serif;
}

.jc-custom-bg-y {
  color: #000000;
  background-color: #fcbf49;
}

.jc-custom-bg-b {
  color: #ffffff;
  background-color: #003049;
}

.jc-custom-bg-r {
  color: #ffffff;
  background-color: #D62828;
}

.jc-button2 {
  --bs-btn-color: #fff;
  --bs-btn-bg: #003049;
  --bs-btn-border-color: #003049;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #00527c;
  --bs-btn-hover-border-color: #00527c;
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #006296;
  --bs-btn-active-border-color: #006296;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #003049;
  --bs-btn-disabled-border-color: #003049;
  font-family: 'Montserrat', sans-serif;
}

.jc-button {
  --bs-btn-color: #fff;
  --bs-btn-bg: #D62828;
  --bs-btn-border-color: #D62828;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #ab2020;
  --bs-btn-hover-border-color: #ab2020;
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #961c1c;
  --bs-btn-active-border-color: #961c1c;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #D62828;
  --bs-btn-disabled-border-color: #D62828;
  font-family: 'Montserrat', sans-serif;
}



@media (min-width: 768px) and (max-width: 991.98px) {
  .jc-container {
    width: 740px;
  }
  .jc-row1 {
    height: 370px;
  }
  .jc-row2 {
    height: 481px;
  }
  body, .jc-button {
    font-size: 0.85rem;
  }
  h1 {
    font-size: calc(1.175rem + .5vw)
  }
  h4 {
    font-size: calc(0.95rem + .2vw)
  }
  h5 {
    font-size: calc(0.9rem + .2vw)
  }
}

@media (min-width: 992px) {
  .jc-container {
    width: 950px;
  }
  .jc-row1 {
    height: 475px;
  }
  .jc-row2 {
    height: 475px;
  }
}
