.imf {
    font-family: 'Playfair Display';
}

.imf li {
    font-size: 1.8rem;
    margin-left: 1rem;
}

.hero {
    margin-top: 1rem;
}

.small-hero h1 a {
    font-size: 18pt;
    text-decoration: none;
    color: #000;
}

.blog {
    font-style: italic;
    font-size: 18pt;
    margin-right: 2rem;
    color: #BBB;
}

.banner {
    margin-top: 15rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-top: 1px solid #333;
    background: #333;
    color: #EEE;
    padding-left: 2rem;
}

.small-banner {
    margin-top: 2rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-top: 1px solid #333;
    background: #333;
    color: #EEE;
    padding-left: 2rem;
}

.posts {
    padding-top: 3rem;
    border-top: 1px solid #333;
}

.posts h4.post-title, .posts h4.opinion-title {
    font-size: 18pt;
}

.posts h5.post-date, .posts h5.opinion-date, .post h5.post-date {
    font-style: italic;
    font-weight: none;
    font-size: 12pt;
    margin-top: -2.5rem;
    text-align: left;
    width: 100%;
    color: #555;
}

.posts a, .post h3 a, .post h2 a {
    color: #000;
    text-decoration: none;
}

.posts a:hover {
    color: #999;
}

.posts p.post-link {
    text-align: right;
    margin-top: -2rem;
}
.posts p.post-link a {
    font-style: italic;
    font-size: 10pt;
    color: #000;
}
.posts p.post-link a:hover {
    color: #999;
}

.post p {
    font-size: 1.8rem;
}

.post h2 a {
    font-size: 3.5rem;
}

.post h3 {
    font-size: 3rem;
    margin-top: 3rem;
}

.post h4 {
    font-size: 2.5rem;
}

.post h5 {
    font-size: 2.1rem;
    text-decoration: underline;
}

.post blockquote {
    border-left: 5px solid #00B288;
    padding-left: 2rem;
    padding-top: 1rem;
    padding-bottom: 0.2rem;
    color: #AAA;
}

.post ul a {
    font-size: 18px;
}

.opinions-intro {
    font-style: italic;
}

.pitch {
    margin-top: 15rem;
    font-size: 8pt;
}

.pitch h3 {
    font-size: 14pt;
}

.help {
    border-top: 1px solid #333;
    padding-top: 1rem;
}

@media (max-width: 500px) {
    .posts .post-intro, .posts .opinion-intro {
        display: none;
    }
}

.banner .fa-rss {
  box-shadow: -5px 5px 0 0 rgba(30, 174, 219, 1);
  transform: scale(1);
  animation: pulse 2s infinite;
  border-radius: 10px;
}

@keyframes pulse {
  0% {
    transform: scale(0.95);
    box-shadow: -5px 5px 0 0 rgba(30, 174, 219.7);
  }
  70% {
    transform: scale(1);
    box-shadow: -5px 5px 0 10px rgba(30, 174, 219, 0);
  }

  100% {
    transform: scale(0.95);
    box-shadow: -5px 5px 0 0 rgba(30, 174, 219, 0);
  }
}

#social i {
  font-size: 17px;
}
#social i.separator {
  vertical-align: middle;
  font-size: 10px;
  margin-right: 10px;
  margin-left: 10px;
}