:root {
  --bs-yellow: #f1d348;
  --bs-blue: #18468a;
}

body {
  background-color: #fdf6e3;
}

h1,
h2,
h3,
h4 {
  font-family: 'Nunito', sans-serif;
  color: var(--bs-blue);
}

h1.hgtext,
h2.hgtext,
h3.hgtext,
h4.hgtext {
  text-shadow: none;
}

p.hgtext {
  color: var(--bs-blue);
  font-weight: 600;
  text-shadow: none;
}

p.hgtext a {
  color: var(--bs-blue);
  text-decoration: underline;
}

p.hgtext a:hover {
  color: var(--bs-blue);
  text-decoration: none;
}

.familybutton {
  padding: 5px 15px;
  color: #fcf643;
  background-color: #1f428a;
  border-radius: 0;
}

@media (max-width: 992px) {
  #main-area {
    margin: 0 12px 0 10px;
  }

  .fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
  }
}