:root{
    --rich-black:#0F171A;
    --midnight-green:#084C61;
    --seashell:#F9F3F1;
    --ochre:#D17B0F;
}

.text-midnight-green{
    color:var(--midnight-green);
}

.bg-midnight-green{
    background-color: var(--midnight-green);
}

.text-rich-black{
    color:var(--rich-black);
}

.text-ochre{
    color:var(--ochre);
}

.bg-ochre{
    background-color: var(--ochre);
}

#main-nav-menu-item-contact-us{
    border-radius:var(--radius-md);
    padding:var(--space-2);
    color:white;
    background-color: var(--midnight-green);
}

.top-midnight-green-border{
    border-top:3px solid var(--midnight-green);
}

.border-bottom-midnight-green{
    border-bottom:2px solid var(--midnight-green);
    padding-bottom:0.2rem;
}

.border-bottom-white{
    border-bottom:2px solid white;
    padding-bottom:0.2rem;
}

#main-nav-logo{
    width:6rem;
}

#main-nav-title{
    font-style:italic;
    letter-spacing: 0.05rem;
}

.section-spacer{
    margin-top:4rem;
}

.section-gap{
    gap:4rem;
}



@media (max-width: 1016px) {
  .section-spacer{
    margin-top:3.5rem;
  }
  .section-gap{
    gap:3.5rem;
  }
}


@media (max-width: 768px) {
  #main-nav-logo {
    max-width:4rem;
  }
}

@media (max-width: 650px) {
  .section-spacer{
    margin-top:3rem;
  }
  .section-gap{
    gap:3rem;
  }
}

@media (max-width: 550px) {
  .section-spacer{
    margin-top:2.5rem;
  }
  .section-gap{
    gap:2.5rem;
  }
}

@media (max-width: 450px) {
  .section-spacer{
    margin-top:2rem;
  }
  .section-gap{
    gap:2rem;
  }
}