#presidentBlog-header
{
    background-image:url(/about/president/blog/_assets-index/president-blog-header.jpg);
    background-size:cover;
    background-position:center;
    padding: 10rem 2rem;
    text-align:center;
    position:relative;
    margin-bottom:0;
}

#presidentBlog-header::before
{
    content:"";
    display:block;
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
    background-color:var(--gfColors-navy);
    opacity:0.2;
}

#presidentBlog-header h1
{
    margin:0;
    font-size:6rem;
    color:white;
    position:relative;
    z-index:10;
}

@media(max-width:767.98px)
{
    #presidentBlog-header h1
    {
        font-size:5rem;
    }
}

.presidentBlog-header-subhead
{
    display:block;
    font-family:var(--gfVars-bodyFont);
    font-size:0.3em;
    text-transform:uppercase;
    letter-spacing:0.1em;
}

.presidentBlog-featuredPost
{
    margin-top:0;
    padding-top:6rem;
    padding-bottom:4rem;
    background-image:linear-gradient(var(--gfColors-slate45),var(--gfColors-slate45));
    background-size:30% 100%;
    background-repeat:no-repeat;
    background-position:top left;
}

@media(max-width:767.98px){
    .presidentBlog-featuredPost
    {
        /*background-position:top right;*/
        background-image: linear-gradient(var(--gfColors-slate15),var(--gfColors-slate15));
    }
}

.presidentBlog-previousPosts
{
    position:relative;
}

.presidentBlog-previousPosts::before
{
    content:"";
    display:block;
    height:0.1rem;
    width:100%;
    position:absolute;
    top:0.5em;
    left:calc(-100% - 1rem);
    background-color:var(--gfColors-gold);
}

.presidentBlogHome-image {
    overflow: hidden;
    text-align: center;
    position: relative;
    height: 0;
    padding-top: 55.25%;
}

.presidentBlogHome-image-wrapper {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}