.blogbutton {cursor:pointer; color:#595959 !important;}
.blogdate { color:#a7a7a7; font-style:italic; font-size:14pt; }

.blog-post img {
    max-width:100%;
}

.article {
    position: relative;
    text-align: justify;
}

.article:after {
    position: absolute;
    bottom: 0;  
    height: 100%;
    width: 100%;
    content: "";
    background: linear-gradient(to top,
     rgba(255,255,255, 1) 5%, 
     rgba(255,255,255, 0) 95%
    );
    pointer-events: none;
}

/*BP4*/@media only screen and (max-width: 1080px) { }
/*BP5*/@media only screen and (max-width: 870px)  { }
/*BP6*/@media only screen and (max-width: 760px)  { }
/*BP7*/@media only screen and (max-width: 640px)  { }
/*BP8*/@media only screen and (max-width: 480px)  { }
/*BP9*/@media only screen and (max-width: 320px)  { }