.sprig-component {
  width: 100%;
}
#header-logo svg {
  width: 232px;
  margin: 7px 0 6px 0;
}
h1.box-banner {
  font-weight: 100;
}
#panel-sectionHeading {
  position: relative;
}
#panel-sectionHeading h1.panel-title {
  color: #002458;
  text-align: center;
  font-family: "Avenir Next", Helvetica, Arial, sans-serif;
  margin: 10px 0 30px 0;
  font-size: 36px;
}
#panel-schools {
  background-color: #002458 !important;
}
.btn-edit-this {
  top: unset !important;
}
#breadcrumb .breadcrumb a {
  text-transform: capitalize;
}
#panel-text h3,
#panel-text h2 {
  font-weight: 200;
}
#panel-promo .panel-slogan p {
  font-size: 30px !important;
  color: #000 !important;
}
.panel-slogan .display-4 {
  font-family: 'Avenir';
  font-weight: 400;
  font-size: 48px;
}
.breadcrumb > li + li:before {
  padding: 0 2px !important;
}
html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
}
.body-wrap {
  min-height: 100%;
  display: flex;
  flex-direction: column;
}
main {
  flex: 1;
  /* This makes the main content grow to push the footer down */
}