#main-wrapper.blog{background-image:url("../img/header-images/latests-bg.jpg");background-size:100% auto;background-repeat:no-repeat;background-attachment:fixed;}
#main-wrapper.the-latests .section-header{height:66vh;}
#blog .inner-wrapper{padding-bottom:60px;}
#blog-header {
    padding-top: 260px;
    text-align: center;
}
#the-blog{width:100%;position:relative;}
#the-blog .blog-article-roll{border-radius:4px;background:#fefefe;-webkit-box-shadow:0 4px 15px 0 rgba(0,0,0,.18);box-shadow:0 4px 15px 0 rgba(0,0,0,.18);padding:30px;margin-bottom:60px;}
#the-blog .blog-article-roll .thumb-holder{position:relative; padding-right: 30px;}
#the-blog .blog-article-roll .thumb-holder img{width:100%; box-shadow: 3px 6px 16px 0 rgba(115,115,115,.5)}
#the-blog .blog-article-roll .three-fourths{padding-left:40px;}
#the-blog .blog-article-roll h2{padding-bottom:0px;padding-top:0;}
#the-blog .blog-article-roll span.info-date{font-size:.875rem;display:block;font-style:italic;color:#b1b1b1;width:100%;border-bottom:1px solid #ddd;margin-bottom:15px;font-family:DINWebProCondBold,arial,sans-serif;}
#the-blog .blog-article-roll a { color: blue; }
.button.article-read-more{
    max-width:240px;
    font-weight:600;
    letter-spacing:.08em;border-radius:2px;-webkit-border-radius:2px;font-size:.875rem;text-transform:uppercase;
    webkit-border-radius: 3px 3px;
    border-radius: 3px 3px;
    -webkit-transition: all 75ms ease-in-out;
    -moz-transition: all 75ms ease-in-out;
    -ms-transition: all 75ms ease-in-out;
    -o-transition: all 75ms ease-in-out;
    transition: all 75ms ease-in-out;
    font-size: .75rem;
    letter-spacing: .02em;
    background: #215577;
    color: #fefefe;
    font-family: "DINWebPro", serif;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .18);
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .18);
    padding: .2em .5em;
    text-align: center;
    font-family: 'oswald', 'Merriweather', sans-serif;
    text-transform: uppercase;
    width: 120px;
    border: none;
    float: left;
}
.button.article-read-more:hover {
    background: #ccc;
    color: #fff;
}

.blog-article{padding:40px;background:#fefefe;min-height:80vh;margin-top:160px;margin-bottom:60px;}
.blog-article img{width:75%; display: block; margin: 0 auto; text-align: center;margin-bottom:30px;}
.blog-article h1{padding-top:0;padding-bottom:0;margin-bottom:0;font-size:3.1rem;}
.blog-article h2.sub-header{font-size:1.4rem;text-align:center;width:100%;margin:0 auto;color:#b1b1b1;margin-bottom:30px;padding:0;}
.blog-article span.info-date{text-align:center;display:block;font-size:.875rem;font-style:italic;font-family:DINWebProCondBold,arial,sans-serif; padding-bottom: 5px; border-bottom: 1px solid #ccc; margin-bottom :30px;}
.blog-article h3,
.blog-article h4,
.blog-article h5{padding-top:0;padding-bottom:0;}
.blog-article p{font-weight:300; margin-bottom: 20px;}
.blog-article h3 {line-height: 1.2em; margin-bottom: 30px;}
.blog-article img {box-shadow: 3px 6px 16px 0 rgba(115,115,115,.5)}
.blog-article a {color: blue; }
#the-blog .blog-article-roll a.article-read-more {color: #fff; }
.credit {
    font-size: .875rem;
    text-align: center;
    margin-bottom: 30px;
    display:  block;
    color: #ccc;
    font-style: italic;
}