@font-face {
  font-family: "Minion Variable Concept Roman";
  src: url("../fonts/MinionVariableConcept-Roman.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Cross Stitch Cursive W95 Rg";
  src: url("../fonts/7ecfd11dd3ceec4e30594a0bfe7ad850.eot");
  src: url("../fonts/7ecfd11dd3ceec4e30594a0bfe7ad850.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/7ecfd11dd3ceec4e30594a0bfe7ad850.woff2") format("woff2"),
    url("../fonts/7ecfd11dd3ceec4e30594a0bfe7ad850.woff") format("woff"),
    url("../fonts/7ecfd11dd3ceec4e30594a0bfe7ad850.ttf") format("truetype"),
    url("../fonts/7ecfd11dd3ceec4e30594a0bfe7ad850.svg#Cross Stitch Cursive W95 Rg")
      format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

* {
  box-sizing: border-box;
}

html,
body {
  width: 100%;
  height: 100%;
  margin: 0;
}

body.la-fred-frontpage {
  overflow: hidden;
  background: #bab7b0;
  color: #f5f3ee;
  font-family: "Times New Roman", serif;
}

.hero {
  position: relative;
  width: 100%;
  height: 100%;
}

.hero-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.overlay {
  position: absolute;
  inset: 0;
  background: rgba(116, 109, 99, 0.14);
}

.top-text,
.bottom-text {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  margin: 0;
 /* font-family: "Times New Roman", "Georgia", serif;*/
  font-family: "Minion Variable Concept Roman", "Times New Roman", "Georgia", serif;
  font-size: clamp(18px, 1.2vw, 22px);
  font-weight: 400;
  letter-spacing: 0.1px;
 /* text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);*/
  min-width: max-content;
}

.top-text {
  top: clamp(12px, 1.35vh, 18px);
}

.bottom-text {
  bottom: clamp(10px, 1.4vh, 18px);
}

.bottom-text a {
  color: inherit;
  text-decoration: none;
}

.center-block {
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 57%;
  transform: translate(-50%, -50%);
  width: min(1020px, 82vw);
  text-align: center;
}

.services {
  margin-top: clamp(18px, 3.3vh, 30px);
  display: grid;
  grid-template-columns: auto auto auto;
  align-items: center;
  justify-content: center;
  justify-items: center;
  column-gap: clamp(58px, 5vw, 84px);
}

.services p {
  margin: 0;
  color: #f5f3ee;
  font-family: "Cross Stitch Cursive W95 Rg", "Times New Roman", serif;
  font-size: clamp(38px, 2.5vw, 50px);
  line-height: 1;
 /* text-shadow: 0 1px 1px rgba(0, 0, 0, 0.16);*/
  white-space: nowrap;
}

@media (max-width: 900px) {

  .hero-video {
    object-position: 33% center;
  }
  .center-block {
    width: min(94vw, 740px);
    top: 50%;
  }

  .services {
    grid-template-columns: 1fr;
    row-gap: 16px;
    margin-top: 24px;
  }

  .services p {
    white-space: normal;
    text-align: center;
    font-size: clamp(32px, 7vw, 50px);
  }
}