:root {
  --pna-dark-blue: rgba(1, 102, 173, 1);
  --pna-light-blue: rgba(101, 204, 255, 1);
  --plain-white: rgba(255, 255, 255, 1);
  --paragraph-text-color: rgba(0, 0, 0, 0.8);
  --padding-horiz-title: 2vmin;
  --padding-horiz-item: 4vmin;
  --small-text-size: calc(0.8em + 0.4vmin);
  --list-title-text-size: calc(1em + 0.4vmin);
  --bottom-padding: 5vh;
  --title-1-size: calc(0.5vmin + 1em);
  --title-2-size: calc(0.5vmin + 0.9em);
  --title-3-size: calc(0.5vmin + 0.8em);
  --content-opacity: 0.75;
  --shadow-header-x: 0px;
  --shadow-header-y: 0.5vh;
  --shadow-header-blur: 1vh;
  --shadow-x: 0px;
  --shadow-y: 2vh;
  --shadow-blur: 6vh;
  --color-orange: #F7941C;
  --color-desire: rgba(230, 57, 70, 1);
  --color-honeydew: rgba(241, 250, 238, 1);
  --color-light-blue: rgba(168, 218, 220, 1);
  --color-queen-blue: rgba(69, 123, 157, 1);
  --color-space-cadet: rgba(29, 53, 87, 1);
  --color-desire-transparent: rgba(230, 57, 70, 1);
  --color-honeydew-transparent: rgba(241, 250, 238, 0.5);
  --color-light-blue-transparent: rgba(168, 218, 220, 0.5);
  --color-queen-blue-transparent: rgba(69, 123, 157, 0.5);
  --color-space-cadet-transparent: rgba(29, 53, 87, 0.5);
}

h3 {
  font-size: var(--title-1-size);
}

h4 {
  font-size: var(--title-2-size);
}

h5 {
  font-size: var(--title-3-size);
}

.home-container {
  display: grid;
  grid-template-columns: 5fr 30fr 60fr 5fr;
  grid-template-rows: auto auto auto auto auto;
  padding-bottom: var(--bottom-padding);
}

.who-we-are-div {
  grid-row: 2/3;
  grid-column: 2/4;
}

.who-we-are-title {
  color: var(--color-space-cadet);
  text-shadow: 1vw 1vh 0.5vmin rgba(50, 50, 50, 0.2);
}

.who-we-are-paragraph {}

.mentor-support-title {
  grid-row: 3/4;
  grid-column: 2/4;
  color: var(--color-space-cadet);
  text-shadow: 1vw 1vh 0.5vmin rgba(50, 50, 50, 0.2);
}

.mentor-support-left-div {
  grid-row: 4/5;
  grid-column: 2/3;
  background-color: var(--color-space-cadet);
  box-shadow: var(--shadow-x) var(--shadow-y) var(--shadow-blur);
}

.mentor-support-right-div {
  grid-row: 4/5;
  grid-column: 3/4;
  display: grid;
  grid-template-columns: auto auto;
  grid-row: auto auto auto auto auto auto;
  background-color: var(--color-queen-blue);
  box-shadow: var(--shadow-x) var(--shadow-y) var(--shadow-blur);
}

.mentor-support-right-div *[class$="left"] {
  grid-column: 1/2;
}

.mentor-support-right-div *[class$="right"] {
  grid-column: 2/3;
}

.mentor-support-right-ncis-div-left, .mentor-support-right-ncis-div-right {
  grid-row: 4/5;
  padding-left: var(--padding-horiz-item);
}

.mentor-support-right-title {
  grid-column: 1/3;
  grid-row: 1/2;
  padding-left: var(--padding-horiz-title);
  background-color: var(--color-honeydew);
  color: var(--color-space-cadet);
}

.mentor-support-right-paragraph {
  grid-column: 1/3;
  grid-row: 2/3;
  padding-left: var(--padding-horiz-item);
  opacity: var(--content-opacity);
}

.mentor-support-right-div h5 {
  padding-left: var(--padding-horiz-title);
  color: var(--color-light-blue);
  background-color: var(--color-space-cadet-transparent);
  margin-bottom: 0px;
  margin-top: 1vmin;
  padding-top: 2vmin;
  padding-bottom: 2vmin;
}

.mentor-support-business-goals-title {
  background-color: var(--color-honeydew);
  color: var(--color-space-cadet);
  margin: 0px;
  padding-top: 2vmin;
  padding-left: var(--padding-horiz-title);
  padding-bottom: 2vmin;
}

.mentor-support-right-title {
  margin: 0px;
  padding-top: 2vmin;
  padding-bottom: 2vmin;
}

.mentor-support-left-div h5 {
  color: var(--color-light-blue);
  padding-left: var(--padding-horiz-title);
}

.mentor-support-left-div p {
  color: var(--color-light-blue);
  padding-left: var(--padding-horiz-item);
  opacity: var(--content-opacity);
}

@media only screen and (max-width: 900px) {
  .mentor-support-left-div {
    grid-column: 2/4;
  }

  .mentor-support-right-div {
    grid-row: 5/6;
    grid-column: 2/4;}
}

.menuItems button[destination="Home"] {
  color: var(--color-desire);
}