body {
  background: #f2f2f2;
  font-size: 14px;
  font-family: 'Blinker', sans-serif; }
  body img {
    max-width: 100%; }

header .logo img {
  max-width: 200px; }

.hero {
  padding-top: 100px;
  padding-bottom: 100px;
  font-size: 2rem; }

.title {
  margin: 50px 0 100px;
  font-size: 3rem;
  font-weight: 600; }

.logos {
  border-top: 1px solid rgba(0, 0, 0, 0.25);
  padding-top: 50px;
  padding-bottom: 100px; }
  .logos .clearfix {
    margin-bottom: 250px; }
  .logos a {
    display: block;
    height: 160px;
    position: relative;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    transition: all 0.6s; }
    .logos a:hover {
      filter: grayscale(0%);
      -webkit-filter: grayscale(0%); }
    .logos a img {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translateX(-50%) translateY(-50%);
      max-width: 100%;
      max-height: 100%;
      width: auto;
      height: auto; }

.donate {
  border-top: 1px solid rgba(0, 0, 0, 0.25);
  padding-top: 50px;
  padding-bottom: 100px; }
  .donate .donate-link {
    font-size: 2rem; }