.Headline {
  margin: 0;
  font-family: var(--font-secondary);
  line-height: normal;
  word-break: break-word;
  color: currentColor;
  color: var(--headline-color, currentColor);
}

@media screen and (min-width: 768.02px) {

.Headline {
    word-break: inherit;
}
  }

h1,
.h1 {
  font-size: 1.875rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 2%;
}

@media screen and (min-width: 600.02px) {

h1,
.h1 {
    font-size: 3rem;
}
  }

h2,
.h2 {
  font-size: 1.625rem;
  font-weight: 600;
}

@media screen and (min-width: 600.02px) {

h2,
.h2 {
    font-size: 2.5rem;
}
  }

h3,
.h3 {
  font-size: 1.5rem;
  font-weight: 600;
}

@media screen and (min-width: 600.02px) {

h3,
.h3 {
    font-size: 2rem;
}
  }

h4,
.h4 {
  font-size: 1.5rem;
  font-weight: 600;
  letter-spacing: 2%;
}

h5,
.h5 {
  font-size: 1.25rem;
  font-weight: 600;
  letter-spacing: 2%;
}

.Text h1,
  .Text h2,
  .Text h3,
  .Text h4,
  .Text h5,
  .Text h6 {
    margin: 0;
    padding: 0;
    font-family: var(--font-secondary);
    line-height: 110%;
  }

.Headline + .Headline {
  margin-bottom: 20px;
}

@media screen and (min-width: 600.02px) {

.Headline + .Headline {
    margin-bottom: 40px;
}
  }

:where(.Headline--mediumBlue) {
  --headline-color: var(--clr-mediumBlue);
  color: var(--clr-mediumBlue);
}

:where(.Headline--darkCyan) {
  --headline-color: var(--clr-darkCyan);
  color: var(--clr-darkCyan);
}

:where(.Headline--blueViolet) {
  --headline-color: var(--clr-blueViolet);
  color: var(--clr-blueViolet);
}

:where(.Headline--turquoise) {
  --headline-color: var(--clr-turquoise);
  color: var(--clr-turquoise);
}

:where(.Headline--brown) {
  --headline-color: var(--clr-brown);
  color: var(--clr-brown);
}

:where(.Headline--chocolate) {
  --headline-color: var(--clr-chocolate);
  color: var(--clr-chocolate);
}

:where(.Headline--darkSlateGrey) {
  --headline-color: var(--clr-darkSlateGrey);
  color: var(--clr-darkSlateGrey);
}

:where(.Headline--slateGray) {
  --headline-color: var(--clr-slateGray);
  color: var(--clr-slateGray);
}

:where(.Headline--forestGreen) {
  --headline-color: var(--clr-forestGreen);
  color: var(--clr-forestGreen);
}

:where(.Headline--green2) {
  --headline-color: var(--clr-green);
  color: var(--clr-green);
}

:where(.Headline--deepPink) {
  --headline-color: var(--clr-deepPink);
  color: var(--clr-deepPink);
}

:where(.Headline--hotPink) {
  --headline-color: var(--clr-hotPink);
  color: var(--clr-hotPink);
}

:where(.Headline--fireBrick) {
  --headline-color: var(--clr-fireBrick);
  color: var(--clr-fireBrick);
}

:where(.Headline--darkMagenta) {
  --headline-color: var(--clr-darkMagenta);
  color: var(--clr-darkMagenta);
}

:where(.Headline--purple4) {
  --headline-color: var(--clr-purple);
  color: var(--clr-purple);
}

:where(.Headline--thistle) {
  --headline-color: var(--clr-thistle);
  color: var(--clr-thistle);
}

:where(.Headline--darkGoldenrod) {
  --headline-color: var(--clr-darkGoldenrod);
  color: var(--clr-darkGoldenrod);
}

:where(.Headline--yellow) {
  --headline-color: var(--clr-yellow);
  color: var(--clr-yellow);
}

:where(.Headline--goldenrod) {
  --headline-color: var(--clr-goldenrod);
  color: var(--clr-goldenrod);
}

:where(.Headline--orchid) {
  --headline-color: var(--clr-orchid);
  color: var(--clr-orchid);
}

:where(.Headline--black) {
  --headline-color: var(--clr-black);
  color: var(--clr-black);
}

:where(.Headline--white) {
  --headline-color: var(--clr-white);
  color: var(--clr-white);
}

.Headline--center {
  text-align: center;
}

.Headline--left {
  text-align: left;
}

.Headline--right {
  text-align: right;
}