@font-face {
  font-family: "Playfair";
  src: url("../fonts/Playfair/Playfair-VariableFont_opsz,wdth,wght.ttf")
    format("truetype");
  font-weight: 100 900;
  font-style: normal;
}

@font-face {
  font-family: "Playfair";
  src: url("../fonts/Playfair/Playfair-Italic-VariableFont_opsz,wdth,wght.ttf")
    format("truetype");
  font-weight: 100 900;
  font-style: italic;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Playfair", serif;
  --standardGap: calc(80rem / 16);
  --smallGap: calc(40rem / 16);
}

.coming-soon-wrapper {
  background-color: #1e326e;
  color: #ffffff;
  min-height: 100dvh;
  min-width: 100vw;
  display: grid;
  place-content: center;
}

.content {
  display: grid;
  text-align: center;
  place-content: center;
}

.content h1 {
  margin-block-start: var(--standardGap);
  margin-block-end: var(--smallGap);
}
h1 {
  font-family: Playfair;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 0%;
  text-align: center;
  vertical-align: middle;
}

.address {
  font-family: Playfair;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0%;
  text-align: center;
  vertical-align: middle;
  max-width: 22ch;
  opacity: 50%;
  margin-inline: auto;
}

.coming-soon {
  margin-block-start: var(--standardGap);
  font-family: Playfair;
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 0%;
  text-align: center;
  vertical-align: middle;
}

[class*="Logo"] {
  display: none;
  max-width: 100%;
  height: auto;
}

@media (min-width: 500px) {
  .desktopLogo {
    display: block;
  }
}
@media (max-width: 500px) {
  .mobileLogo {
    display: block;
  }
}