/* =========================
   TYPO MOBILE
========================= */
@media (max-width: 800px) {

  h1 {
    width: 90%;
    font-size: 1.6em;
  }

  p {
    margin-left: 5%;
    margin-right: 5%;
  }

  figcaption {
    font-size: 0.9em;
    padding: 0.3em;
  }

  .site-title {
    font-size: 1.5em;
    line-height: 1.2;
  }

  .badge {
    max-width: 350px;
    width: 100%;
  }

  .bob {
    width: 40%;
    font-size: 0.9em;
  }
}