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-halves {

   display: flex;
   flex-flow: row wrap;
   border: 1px solid #000000;
   box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
 }

.tile-row {

   display: flex;
   flex-flow: row wrap;
   margin-bottom: 1em;

}

.tile-top {

   width: 100%;
   padding: 1.3rem 1.5rem 0.6rem;

}

.tile-top.tile-image {

   display: flex;
   align-items: center;
   
   overflow: hidden;
   padding: 0;
   height: 13vw;
   max-height: 12em;
   transition: 0.4s ease-out;

}

.tile-bottom {

   background: #FAFAFA;
   border-top: 1px solid #000000;
   width: 100%;
   padding: 1rem 1.5rem 0.6rem;

}

.tile-bottom.link-button {

   align-self: flex-end;
   padding: 0;

}

.mainpage-contents .tile-halves {

   flex: 1;

}

.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
   }

}