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

}