/* CSS Document */
.hero-post {}

.first-post-hero {width: 100%; height: 600px; padding-top:175px; margin-top: -89px;}
.first-post-hero h1 a {font-size: 70px; text-shadow: 2px 2px 2px #333;color: #fff;}
.first-post-hero h1 a:hover {color: #fff; text-shadow: none; text-decoration: underline;}
.first-wrapper {background: rgba(0,0,0,0.4); border: 1px solid #444; border-radius: 8px; color: #fff; padding: 15px;}

@media (max-width: 767px) {
.first-post-hero {width: 100%; height: 500px; padding-top: 100px; margin-top: -70px;}
.first-post-hero h1 a {font-size: 30px; text-shadow: 2px 2px 2px #333;color: #fff;}	
.first-post-hero h1 a:hover {color: #fff; text-shadow: none; text-decoration: underline;}
.first-post-hero h4 {font-weight: normal;}
.first-wrapper {background: rgba(0,0,0,0.5);}
}