/* Last Edited 10/9/2023 5:00pm */

/*                \/ Targeted CSS \/ || Frontpage Splash                */

.frontpage-splash {
  position: relative;
  display: flex;
  background-position-y: 100%;
  background: url(../IMGs/Contact.webp) no-repeat center 0px / cover;
  filter: contrast(0.95);
  width: 100%;
  min-height: 75rem;
  align-items: flex-end;
}

.frontpage-splash:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #000;
  opacity: 0.7;
}

.frontpage-splash > div {
  display: flex;
  position: relative;
  width: 100%;
  height: 100%;
  /* margin-top: 15rem; */
  padding: 0rem 4vw;
  justify-content: center;
  text-align: center;
  align-self: center;
}

/* @media screen and (max-height: 650px) {
	.frontpage-splash > div {
		align-items: flex-start;
	}
} */

.fp-column {
  max-width: 70rem;
}

.fp-column::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(../IMGs/2592226.webp) center center / auto no-repeat;
  top: 0%;
  left: 0%;
  opacity: 0.7;
  z-index: -1;
  filter: blur(3px);
}

.frontpage-splash h2 {
  font-size: 5rem;
  font-weight: 300;
  letter-spacing: -0.15rem;
  padding: 3rem 0 1.5rem;
}
.frontpage-splash h3 {
  font-size: 3rem;
  font-weight: 300;
  letter-spacing: -0.15rem;
  padding: 1rem 1.5rem;
}
.frontpage-splash p {
  font-size: 3rem;
  font-weight: 300;
  padding: 1rem 1.5rem;
}

.frontpage-splash p:last-of-type {
  padding-bottom: 4rem;
}

@media screen and (max-width: 641px) {
  .fp-column::before {
    background-size: 80%;
  }
}