/* ============================================ */
/* Fonts */
@font-face {
  font-family: 'PlayFairDisplay';
  src: url('../fonts/playfair.woff');
  font-weight: normal;
  font-style: normal;
}


/* ============================================ */
/* CSS Reset */
*{ margin:0; border:0; padding:0; font-size: 10px; }
body{ background-color: #1c1d17; }




/* ============================================ */
/* Container */
#content{ padding: 4rem; max-width: 940px; }

.logo{ width: 6rem; margin-bottom: 3rem; }
p, a{ font-size: 2.4rem; line-height: 3.2rem; margin-bottom: 3rem; font-family: PlayFairDisplay, Georgia, serif; color: #fff; }

@media screen and (min-width: 768px) {
  #content{ padding: 8rem; }
  .logo{ width: 8rem; margin-bottom: 6rem; }
  p, a{ font-size: 4rem; line-height: 4.8rem; margin-bottom: 3rem; }

}