.Picture.Hero-image {
  display: none;
  width: 100%;
  height: 700px;
}

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

.Picture.Hero-image {
    display: block;
}
  }

.Picture.Hero-image--mobile {
  display: block;
}

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

.Picture.Hero-image--mobile {
    display: none;
}
  }

.Page-section {
  background-color: var(--PageBackground-color);
  color: white;
}

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

.Page-section {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
}
  }

:where(.PageColor--mediumBlue) {
  --PageBackground-color: var(--clr-mediumBlue);
  color: var(--clr-mediumBlue);
}

:where(.PageColor--darkCyan) {
  --PageBackground-color: var(--clr-darkCyan);
  color: var(--clr-darkCyan);
}

:where(.PageColor--blueViolet) {
  --PageBackground-color: var(--clr-blueViolet);
  color: var(--clr-blueViolet);
}

:where(.PageColor--turquoise) {
  --PageBackground-color: var(--clr-turquoise);
  color: var(--clr-turquoise);
}

:where(.PageColor--brown) {
  --PageBackground-color: var(--clr-brown);
  color: var(--clr-brown);
}

:where(.PageColor--chocolate) {
  --PageBackground-color: var(--clr-chocolate);
  color: var(--clr-chocolate);
}

:where(.PageColor--darkSlateGrey) {
  --PageBackground-color: var(--clr-darkSlateGrey);
  color: var(--clr-darkSlateGrey);
}

:where(.PageColor--slateGray) {
  --PageBackground-color: var(--clr-slateGray);
  color: var(--clr-slateGray);
}

:where(.PageColor--forestGreen) {
  --PageBackground-color: var(--clr-forestGreen);
  color: var(--clr-forestGreen);
}

:where(.PageColor--green2) {
  --PageBackground-color: var(--clr-green);
  color: var(--clr-green);
}

:where(.PageColor--deepPink) {
  --PageBackground-color: var(--clr-deepPink);
  color: var(--clr-deepPink);
}

:where(.PageColor--hotPink) {
  --PageBackground-color: var(--clr-hotPink);
  color: var(--clr-hotPink);
}

:where(.PageColor--fireBrick) {
  --PageBackground-color: var(--clr-fireBrick);
  color: var(--clr-fireBrick);
}

:where(.PageColor--darkMagenta) {
  --PageBackground-color: var(--clr-darkMagenta);
  color: var(--clr-darkMagenta);
}

:where(.PageColor--purple4) {
  --PageBackground-color: var(--clr-purple);
  color: var(--clr-purple);
}

:where(.PageColor--thistle) {
  --PageBackground-color: var(--clr-thistle);
  color: var(--clr-thistle);
}

:where(.PageColor--darkGoldenrod) {
  --PageBackground-color: var(--clr-darkGoldenrod);
  color: var(--clr-darkGoldenrod);
}

:where(.PageColor--yellow) {
  --PageBackground-color: var(--clr-yellow);
  color: var(--clr-yellow);
}

:where(.PageColor--goldenrod) {
  --PageBackground-color: var(--clr-goldenrod);
  color: var(--clr-goldenrod);
}

:where(.PageColor--orchid) {
  --PageBackground-color: var(--clr-orchid);
  color: var(--clr-orchid);
}

:where(.PageColor--black) {
  --PageBackground-color: black;
  color: black;
}