.bgHalf {
  height: 100%; }

.h1Parent {
  height: calc(100vh - 110px);
  width: 100%;
  background-color: rgba(90, 90, 90, 0.6);
  position: absolute;
  bottom: 0px;
  mix-blend-mode: multiply;
  z-index: 995; }

.h1Holder {
  isolation: isolate;
  text-shadow: 0px 0px 60px rgba(0, 0, 0, 0.5);
  margin-bottom: 25px;
  background-color: transparent;
  padding: 15px 15px;
  width: calc(100vw);
  height: auto;
  position: absolute;
  bottom: 25%;
  z-index: 997;
  margin: 0 auto;
  text-align: center; }
  .h1Holder h1 {
    text-align: center;
    padding-top: 15px;
    font-family: var(--heavyText);
    color: white;
    font-weight: 600;
    font-size: 2.6em;
    text-transform: none;
    text-align: center;
    text-shadow: 0px 0px 60px rgba(0, 0, 0, 0.5); }
  .h1Holder h2 {
    text-align: center;
    text-transform: none;
    margin-top: 0px;
    padding-top: 0px;
    color: white;
    font-family: var(--mediumText);
    margin-top: 10px;
    font-size: 1.3em;
    font-display: swap;
    text-transform: none;
    text-align: center;
    text-shadow: 0px 0px 60px rgba(0, 0, 0, 0.5); }
  .h1Holder p {
    color: var(--color4);
    font-family: var(--text);
    margin-top: 7px;
    font-size: 1.1em;
    font-display: swap;
    text-align: center;
    text-shadow: 0px 0px 60px rgba(0, 0, 0, 0.5); }
  .h1Holder a.btn.btn-primary {
    color: white;
    background-color: var(--color2);
    font-family: var(--text);
    font-weight: 400;
    text-transform: initial;
    margin-right: 10px;
    font-size: 1.0em;
    padding: 8px 16px; }
  .h1Holder .buttons {
    text-align: center !important; }
    .h1Holder .buttons a.btn.btn-primary {
      font-family: var(--otherText) !important;
      font-size: 2em;
      color: white !important;
      text-align: center !important;
      background-color: transparent !important;
      border: 0px none; }
      .h1Holder .buttons a.btn.btn-primary:not(:first-of-type) {
        margin-top: 0px !important; }

@media (min-width: 768px) {
  .bgHalf {
    width: 100%;
    height: calc(100% - 225px); }
  .h1Parent {
    bottom: 40px;
    background-color: transparent; }
  .h1Holder {
    bottom: 40px;
    width: 100%;
    margin: 0 auto;
    padding: 15px 25px;
    background-color: rgba(0, 0, 0, 0.2);
    background-color: transparent; }
    .h1Holder h1 {
      color: var(--color1);
      font-family: var(--otherText);
      font-weight: 100;
      text-shadow: none;
      font-size: 4.1em;
      text-transform: none;
      margin: 10px 0px 25px 0px;
      padding: 0px;
      border: 0px none !important; }
    .h1Holder h2 {
      margin-top: 15px;
      font-size: 1.5em; }
    .h1Holder p {
      padding-top: 0px; }
    .h1Holder a.btn.btn-primary {
      font-size: 1.2em; }
      .h1Holder a.btn.btn-primary img {
        right: 10px;
        max-width: 25px; }
    .h1Holder .buttons a.btn.btn-primary {
      font-size: 3em;
      margin-top: 30px !important; }
      .h1Holder .buttons a.btn.btn-primary:not(:first-of-type) {
        margin-top: 30px !important; } }

@media (min-width: 992px) {
  .bgHalf {
    height: calc(100% - 180px); }
  .h1Holder h1 {
    font-size: 3.3em; }
  .h1Holder h2 {
    margin-top: 15px;
    font-size: 2.1em; }
  .h1Holder a.btn.btn-primary img {
    right: 10px;
    max-width: 25px; }
  .h1Holder .buttons a.btn.btn-primary {
    margin: 25px;
    font-size: 3.6em;
    border: 2px solid transparent; } }

@media (min-width: 1200px) {
  .bgHalf {
    height: calc(100% - 180px); }
  .h1Holder h1 {
    font-size: 4.3em; } }