.blogheader {width:100%;height:375px;background-size:cover;background-repeat:no-repeat;background-position:top right}
.blogheader span {width:100%;color:#fff;margin-top:250px;display:inline-block;padding-left:40px;font-size:40px;text-transform:uppercase;height:125px;padding-top:20px;}
.blogheaderdetails {font-size:17px;margin-top:15px;text-transform:none}
.blogheader a, .blogheader a:hover {color:#fff;}
.brittany-shales-blog {background-image:url(../images/blog-backgrounds/bbs-blog-brittany.jpg)}
.ellen-bessner-blog {background-image:url(../images/blog-backgrounds/bbs-blog-ellen.jpg)}
.zachary-pringle-blog{background-image:url(../images/blog-backgrounds/bbs-blog-zachary.jpg)}
@media (max-width:993px) {
.blogheader {background-position:center center;}
.blogheader span  {padding-left:20px;background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);}
.brittany-shales-blog {background-image:url(../images/blog-backgrounds/bbs-blog-brittany-mobile.jpg)}
.ellen-bessner-blog {background-image:url(../images/blog-backgrounds/bbs-blog-ellen-mobile.jpg)}
.zachary-pringle-blog{background-image:url(../images/blog-backgrounds/bbs-blog-zachary-mobile.jpg)}
}
.desktoponly {display:inline}
.mobileonly {display:none}
@media (max-width:500px) {
.desktoponly {display:none}
.mobileonly {display:inline}
.blogheader span {margin-top:180px;line-height:1em;height:220px;}
.blogheaderdetails {line-height:1.2em;}
}