#main {
  position: relative;
}
#main::before {
  content: "";
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 50%;
  transform: translateX(-50%);
  block-size: 100%;
  inline-size: 100vw;
  background: #eee;
  z-index: -1;
}
@media only screen and (min-width: 630px) {
  #main::before {
    block-size: calc(100% + 60px);
  }
}

.landingPageWrapper {
  padding: 2rem;
  background: #fff;
  //box-shadow: 0px 0.625rem 1.25rem 0px rgba(0, 0, 0, 0.1019607843);
  margin: 1.5rem auto;
  position: relative;
  width: 100%;
  display: block;
}
.landingPageWrapper, .landingPageWrapper::before, .landingPageWrapper::after,
.landingPageWrapper *,
.landingPageWrapper *::before,
.landingPageWrapper *::after {
  box-sizing: border-box;
}
.landingPageWrapper h1 {
  	font-size: 2rem;
    line-height: 1.125;
    font-weight: 700;
    color: #c1272d;
}

.landingPageWrapper li {
  font-size:1.25em;
  line-height: 1.5em
}

.landingPageWrapper > * {
  margin-block: 0;
}
.landingPageWrapper > * + * {
  margin-block-start: 1.5rem;
}
.landingPageWrapper p {
  font-size: 1.25rem;
  line-height: 1.5;
  max-inline-size: 48rem;
}
.landingPageWrapper .landingPageBtns {
  display: flex;
  flex-flow: row wrap;
  gap: 0.5rem;
  position: relative;
  max-inline-size: 100%;
}
.landingPageWrapper .landingPageBtn {
  font-size: 1.25rem;
  line-height: 1;
  padding: 1.5rem 3rem;
  background-color: #cc0000;
  color: #fff;
  display: inline-flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  gap: 0 0.5em;
  box-shadow: 0 0 0 0 transparent, 0 0 0 0 transparent;
  transition: all 0.3s ease 0s;
}
.landingPageWrapper .landingPageBtn:hover, .landingPageWrapper .landingPageBtn:focus-visible {
  background: #a30000;
}
.landingPageWrapper .landingPageBtn:focus-visible {
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #cc0000;
  outline: none;
}
.landingPageWrapper .landingPageBtn svg {
  inline-size: 1.5em;
  fill: #fff;
}