@font-face {
  font-family: "Garamond";
  src: url("../fonts/EBGaramond-Regular.ttf");
}
@font-face {
  font-family: "Garamond-Bold";
  src: url("../fonts/EBGaramond-Bold.ttf");
}
:root {
  --bg: #dddddd;
  --bold: "Garamond-Bold";
  --reg: "Garamond";
}

.bg-white {
  background: #fff;
}

.bold {
  font-family: var(--bold);
}

.container {
  height: 100%;
  margin: 0 auto;
  max-width: 1320px;
  position: relative;
}

.separator {
  height: 0.125rem;
  margin: 1rem 0;
  width: 100%;
}

.text-white {
  color: #fff;
}

* {
  box-sizing: border-box;
  font-family: var(--reg), "Times New Roman", Times, serif;
  margin: 0;
  padding: 0;
}

body {
  background: url("../img/hawaii-flag.jpg") center/cover no-repeat;
  height: 100vh;
}
body::before {
  background: rgba(0, 0, 0, 0.65);
  content: "";
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: -1;
}

.logo-wrap {
  left: 50%;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translate(-50%, -50%);
}
.logo-wrap .logo {
  height: auto;
  max-width: 20rem;
}
.logo-wrap h1 {
  font-size: 5vh;
  letter-spacing: 0.35vw;
}
.logo-wrap h2 {
  letter-spacing: 0.75vw;
}
.logo-wrap h4 {
  margin: 3rem 0;
}
.logo-wrap p {
  margin-top: 2rem;
}
@media (max-width: 768px) {
  .logo-wrap .logo {
    max-width: 17rem;
    padding: 1.5rem;
  }
  .logo-wrap h1 {
    font-size: 3.5vh;
  }
  .logo-wrap h2 {
    font-size: 2.75vh;
  }
  .logo-wrap h4 {
    font-size: 2.25vh;
  }
  .logo-wrap h1,
  .logo-wrap h2 {
    letter-spacing: 0.45vw;
  }
}/*# sourceMappingURL=core.css.map */