:root {
  --cOrange: #d57b16;
  --cNavy: #1938ab;
  --cBlack: #000000;
  --basic-girl-grey: rgb(241, 241, 241);
  --basic-girl-hover-grey: rgb(184, 184, 184);
}

.accent-color {
  color: var(--cNavy);
}

.container {
  min-height: 66px; /*un-necessary? */
  display: grid;
  grid-template-columns: 1fr 3fr 1fr;
  column-gap: 1rem;
  grid-auto-rows: minmax(66px, auto);
}

body, p {
  margin: 0;
}

main {
  display: grid;
  justify-content: center;
  padding: 0 1rem;
}

header {
 /* background-color: var(--basic-girl-grey); */
  margin: 1rem;
}

.header-left {
  vertical-align: top;
}

.header-center {
  text-align: center;
  vertical-align: top;
}

.header-right {
  text-align: right;
  vertical-align: top;
}

.header-bold {
  font-weight: bold;
}

header .hr-thin {
  border: 0;
  height: 2px;
  background: var(--cBlack);
}

header .hr-thick {
  border: 0;
  height: 6px;
  background: var(--cBlack);
}