:root {
  --body-bg: #F6E7D9;
  --purple: #41285E;
  --purple-soft: #d8c3de;
  --size-24: 1.5rem;
  --size-20: 1.25rem;
  --size-16: 1rem;
  --space-48: 3rem;
  --space-35: 2.188rem;
  --space-24: 1.5rem;
  --space-20: 1.25rem;
}

* {
  box-sizing: border-box;
}

body {
  font-family: "Figtree", sans-serif;
  background-color: var(--body-bg);
  color: var(--purple);
  font-size: 1.25rem;
}

a {
  color: var(--purple);
}

a:not(:hover) {
  text-decoration: none;
}

main {
  position: relative;
  width: 100%;
  min-height: 100svh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 3.125rem 1.25rem;
}

.coming-soon {
  font-size: var(--size-24);
  font-style: italic;
  font-weight: 500;
  letter-spacing: 0.20px;
  border-bottom: 1px solid var(--purple);
  padding-bottom: 10px;
  width: fit-content;
  margin: 0 auto;
}

.big-logo {
  text-align: center;
  margin-top: var(--space-35);
  margin-bottom: var(--space-24);
}

.big-logo img {
  width: 470px;
  height: auto;
  max-width: 100%;
}

.service-line {
  letter-spacing: 0.08em;
  font-weight: 600;
  margin-bottom: var(--space-48);
}

.service-line .divider {
  margin: 0 0.55rem;
  opacity: 0.9;
}

.contact-row {
  display: flex;
  justify-content: center;
  margin-bottom: var(--space-48);
}

.contact-card {
  position: relative;
  display: block;
  text-align: center;
}

.contact-row .divider {
  border-left: 1px solid var(--purple);
  margin: 0 2rem;
}

.contact-card p {
  margin-bottom: 0.5rem;
}

.contact-card p strong {
  font-weight: 400;
}

.contact-card a {
  font-weight: 600;
}

.social-wrap {
  display: flex;
  justify-content: center;
}

.social-btn {
  position: relative;
  background-color: var(--purple-soft);
  color: var(--purple);
  padding: 1rem 1.5rem;
  border-radius: 50px;
  font-weight: 400;
  font-size: 1.5rem;
  border: none;
}

.social-btn:hover,
.social-btn:focus {
  background-color: #ceb3d7;
  color: var(--purple);
}


@media (max-width: 767.98px) {
  .service-line {
    display: flex;
    flex-direction: column;
  }

  .service-line .divider {
    font-size: 5px;
    opacity: 0;
  }
}

/* End 767PX */


@media (max-width: 575.98px) {
  .social-btn {
    padding: 0.75rem 1.125rem;
    font-size: 1rem;
  }
}

/* End 575PX */


@media (max-width: 375.98px) {
  :root {
    --size-24: 1.125rem;
  }

  body {
    font-size: 1rem;
  }
}

/* End 375PX */