@media screen and (max-width: 375px) {
  h3 { text-align:center;}
  nav {display:none;}
  nav#mobile-nav { 
    display:flex; max-width:100%;
    > div a { margin:0;}
    > div { display:flex; justify-content:space-around;align-items:center;width:100vw;}
  }
  footer em {display:none;}
  a[rel="noopener"] { visibility:visible; }
  
  #compensations-report {
    > h4 {margin:0;max-width:82vw;margin:auto;}
  }
}

@media screen and (min-width: 769px) {
  nav a:link, nav a:visited { border-left:3px solid #fff; }
  nav a.active { border-left:3px solid var(--gapmed-pink); }
  a[rel="noopener"] { visibility:hidden; }
}