body {
  color: #333;
  background-color: #232323;
  font-family: neue-haas-grotesk-display, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.fullpage {
  grid-column-gap: 1.88em;
  grid-row-gap: 1.88em;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: relative;
}

.logo {
  height: 12em;
}

.heading {
  color: #fff;
  letter-spacing: 1.34px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.5em;
  font-weight: 500;
  line-height: 1.2;
}

.invite {
  color: #fff;
  font-size: 1.25em;
  line-height: 1.2;
}

.line {
  background-color: #9bb8a1;
  width: 18.75em;
  height: 1px;
}

.sygnet {
  width: 30%;
  position: absolute;
  inset: auto auto 0% 0%;
}

@media screen and (max-width: 991px) {
  .sygnet {
    width: 40%;
  }
}

@media screen and (max-width: 767px) {
  .sygnet {
    display: none;
  }
}

@media screen and (max-width: 479px) {
  .heading {
    font-size: 2em;
  }

  .line {
    width: 15.63em;
  }

  .sygnet {
    width: 80%;
  }
}