.title-h1-1 {
  font-family: "DK Moonlight Serenade", sans-serif;
  font-size: 5rem;
  color: #5849A7;
}

.title-h1-2 {
  font-family: "Work Sans", sans-serif;
  font-weight: bold;
  font-size: 1.6rem;
  color: #5849A7;
}

.title-h1-3 {
  font-family: "Work Sans", sans-serif;
  font-weight: bold;
  font-size: 1.6rem;
  color: #5849A7;
}

.title-h1-4 {
  font-family: "DK Moonlight Serenade", sans-serif;
  font-size: 3.5rem;
  color: #5849A7;
}

.title-h2-1 {
  font-family: "DK Moonlight Serenade", sans-serif;
  font-size: 1.6rem;
  color: #5849A7;
}

.title-h2-2 {
  font-family: "Work Sans", sans-serif;
  font-weight: bold;
  font-size: 1.7rem;
  color: #5849A7;
}

.title-h2-3 {
  font-family: "Work Sans", sans-serif;
  font-weight: bold;
  font-size: 1.6rem;
  color: #5849A7;
}

.title-h3 {
  font-family: "Work Sans", sans-serif;
  font-weight: bold;
  font-size: 1.4rem;
  color: #5849A7;
}

.title-underline-alt{
  font-family: "Work Sans", sans-serif;
  font-weight: bold;
  font-size: 1.4rem;
  color: #5849A7;
  text-transform: uppercase;
  border-bottom: solid 1px #5849A7;
  padding-bottom: 1rem;
  display: block;
}

.inline-alert{
  background: #EEECF6;
  color: #5849A7;
  padding: 2.5rem;
  display: block;
  margin-top: 1.8rem;
  margin-bottom: 1.8rem;
}

.title-underline{
  text-transform: uppercase;
  font-weight: bold;
  padding-bottom: 0.5rem;
  margin-bottom: 2rem;
  border-bottom: solid 1px #5849A7;
  color: #5849A7;
}

.btn-white,
.btn-purple{
  padding: 0.8rem 2.5rem;
  border: none;
  border-radius: 2rem;
  font-weight: 600;
  font-size: 1.6rem;
  display: inline-block;
  transition: background-color .1s linear;
}

.btn-white {
  color: #5849A7;
  background: white;
  text-decoration: underline;
}

.btn-white:hover,
.btn-white:active{
  color: #2e1a98;
  background: white;
  text-decoration: none;
}

.btn-purple {
  text-decoration: none;
  color: white;
  background: #5849A7;
}

.btn-purple:hover,
.btn-purple:active{
  color: white;
  background: #7E70BC;
  text-decoration: none;
}

.btn-up{
  text-transform: uppercase;
  text-decoration: none;
}

.btn-outline-purple:hover{
  text-decoration: none;
}

.text-color-purple {
  color: #5849A7;
}

.text-color-pink {
  color: #F25A72;
}

.text-color-green {
  color: #35957E;
}

.text-color-black{
  color: #707070;
}

@media (min-width: 768px) {
  .title-h1-1 {
    font-size: 6.3rem;
  }
  .title-h1-2 {
    font-size: 2rem;
  }
  .title-h1-3 {
    font-size: 2.2rem;
  }
  .title-h1-4 {
    font-size: 4.4rem;
  }
  .title-h2-1 {
    font-size: 1.6rem;
  }
  .title-h2-2 {
    font-size: 2.2rem;
  }
  .title-h2-3 {
    font-size: 1.6rem;
  }
  .title-h3 {
    font-size: 1.4rem;
  }
  .title-underline-alt{
    font-size: 1.6rem;
  }
}

@media (min-width: 992px) {
  .title-h1-1 {
    font-size: 7.3rem;
  }
  .title-h1-2 {
    font-size: 3rem;
  }
  .title-h1-3 {
    font-size: 2.6rem;
  }
  .title-h1-4 {
    font-size: 5.4rem;
  }
  .title-h2-1 {
    font-size: 2rem;
  }
  .title-h2-2 {
    font-size: 2.4rem;
  }
  .title-h2-3 {
    font-size: 1.6rem;
  }
  .title-h3 {
    font-size: 1.4rem;
  }
  .btn-white,
  .btn-purple{
    font-size: 1.9rem;
  }
  .title-underline-alt{
    font-size: 1.8rem;
  }
}