/* ABOUT PAGE
   Loaded after dirl.css, on the About page only.
   Everything in the top section reads left aligned, with narrow side margins. */

.abouthero{
  text-align:left;
}
.abouthero .wrap{
  max-width:78rem;
  padding-left:2rem;
  padding-right:2rem;
  text-align:left;
}
.abouthero h1{
  text-align:left;
  margin:0 0 1.125rem;
}
.abouthero p{
  max-width:none;
  margin:0 0 1.25rem;
  text-align:left;
}
.abouthero .kicker{
  margin:1.375rem 0 0;
  text-align:left;
}

@media(max-width:600px){
  .abouthero .wrap{
    padding-left:1rem;
    padding-right:1rem;
  }
}