Main.css

.mw-body h1, .mw-body-content h1, .mw-body-content h2, .mw-body-content h3, .mw-body-content h4, .mw-body-content h5, .mw-body-content h6 {

   font-family: 'PT Serif', 'Palatino', 'Georgia', serif;

}

.mw-page-title-main {

 font-family: Philosopher,sans-serif

}

.tile {

   background: #f9f3eb;
   border: 1px solid #cabe9b;
   box-shadow: @box-shadow;
   padding: 1.5em 2em 1em;
   max-width: 40em;

   h2 {
   	font-size: 1.4em;
       font-weight: bold;
       border: none;
       margin: 0 0 .4em;

}

   // reduce spacing when byline and heading appear together
   // (which should be the only way bylines appear)
   .byline + h2 {
       margin-top: -0.5em;
   }

   &.dark {
       color: white;
       background: shuttle-gray;
       border: none;

       h2 {
           color: white;
       }

       a {
           color: #ccc;
       }

       .byline {
           color: #FFFFFFCC;
       }

   }

}

.mainpage-contents { grid-area: content; grid-template-columns: repeat(6, 1fr);

   .tile-halves {
       flex: 1;
   }

   .tile-top {
       position: relative; // needed for ribbon
   }

   h2 {
       margin: 0;
       padding: 0;
   }

   .tile-bottom.link-button a {
   	padding: 0.75em 0.2em; // prevent grid gap misalignment
   }

}