/* -------- Change h1 globally to smaller size -------- */

#page-header-bg h1,
body h1,
body .row .col.section-title h1,
body #error-404 h1,
[data-inherit-heading-family="h1"] {
  font-size: 46px;
}

@media only screen and (max-width: 1300px) and (min-width: 780px) {

  body .row .col.section-title h1,
  body h1,
  [data-inherit-heading-family="h1"] {
    font-size: 38px;
  }
}

@media only screen and (max-width: 779px) {

  body .row .col.section-title h1,
  body h1,
  [data-inherit-heading-family="h1"] {
    font-size: 26px;
  }
}


/* -------- Front page only, custom classes front-page-first-box and front-page-second-box -------- */

@media only screen and (min-width: 1692px) {

  .front-page-first-box {
    margin-bottom: 60px !important;
  }

  .front-page-first-box h1 {
    font-size: 34px;
  }

  .front-page-first-box p,
  .front-page-first-box ul li,
  .front-page-first-box ol li {
    font-size: 24px;
  }

  .front-page-second-box h2 {
    font-size: 27px;
  }

  .front-page-second-box p,
  .front-page-second-box ul li,
  .front-page-second-box ol li {
    font-size: 18px;
  }

  .front-page-second-box ol,
  .front-page-second-box ul {
    margin-left: 20px;
  }
}

@media only screen and (max-width: 1691px) and (min-width: 1417px) {

  .front-page-first-box {
    margin-bottom: 50px !important;
  }

  .front-page-first-box h1 {
    font-size: 28px;
  }

  .front-page-first-box p,
  .front-page-first-box ul li,
  .front-page-first-box ol li {
    font-size: 22px;
  }

  .front-page-second-box h2 {
    font-size: 25px;
  }

  .front-page-second-box p,
  .front-page-second-box ul li,
  .front-page-second-box ol li {
    font-size: 16px;
  }

  .front-page-second-box ol,
  .front-page-second-box ul {
    margin-left: 20px;
  }
}

@media only screen and (max-width: 1416px) and (min-width: 1301px) {

  .front-page-first-box {
    margin-bottom: 40px !important;
  }

  .front-page-first-box h1 {
    font-size: 28px;
  }

  .front-page-first-box p,
  .front-page-first-box ul li,
  .front-page-first-box ol li {
    font-size: 20px;
  }

  .front-page-second-box h2 {
    font-size: 25px;
  }

  .front-page-second-box p,
  .front-page-second-box ul li,
  .front-page-second-box ol li {
    font-size: 16px;
  }
}

@media only screen and (max-width: 1300px) and (min-width: 780px) {

  .front-page-first-box {
    margin-bottom: 40px !important;
  }

  .front-page-first-box h1 {
    font-size: 25px;
  }

  .front-page-first-box p,
  .front-page-first-box ul li,
  .front-page-first-box ol li {
    font-size: 18px;
  }

  .front-page-second-box h2 {
    font-size: 20px;
  }

  .front-page-second-box p,
  .front-page-second-box ul li,
  .front-page-second-box ol li {
    font-size: 16px;
  }
}

@media only screen and (max-width: 779px) {

  .front-page-first-box {
    margin-bottom: 35px !important;
  }

  .front-page-first-box h1 {
    font-size: 24px;
  }

  .front-page-first-box p,
  .front-page-first-box ul li,
  .front-page-first-box ol li {
    font-size: 17px;
  }

  .front-page-second-box h2 {
    font-size: 18px;
  }

  .front-page-second-box p,
  .front-page-second-box ul li,
  .front-page-second-box ol li {
    font-size: 15px;
  }
}