.blog-nav a {

    display: block;

    margin: 10px 0

}
.blog-nav a {
    color: #000;

}



    

  body.from-blog .is-time span {

        display: block

    }

    body.from-blog .title-meta {

        display: inline-block;

vertical-align: top

    }


    body.from-blog .is-time span {

        display: block

    }

  

    body.from-blog .title-meta h2 {

        margin-top: 0

    }



body.from-blog h1 {
    margin-top: 0px;
}


.blog-post-body{

     margin-left: 35%;
    text-align: left;
}



.blog-post-preview img {
    display: block;
    float: none !important;
    margin: 0 !important;
    width: 100%;
}


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


.from-blog .post-article {
 margin-bottom: 10px

}

.blog-post{

    border-radius: 0 !important;
    font-size: 1rem;
    position: relative;
}


.blog-post-preview{

 float: left;
    width: 30%;
    max-width: 25rem;
        position: relative;
    background-size: cover;
    background-position: 50% 25%;

}




body.from-blog .is-time {

    display: inline-block;

    *display: inline;

    *zoom: 1;

    border-radius: 70px;

    background: #41395e;

    color: #fff;

    text-align: center;

    line-height: normal;

    padding: 20px 20px;

    min-width: 50px;

}



body.from-blog .is-time span {

    display: inline-block;

    *display: inline;

    *zoom: 1

}



body.from-blog .is-time .is-day {

    font-size: 1.5em

}



body.from-blog .is-time .is-month {

    font-size: .875em;

    text-transform: uppercase

}



body.from-blog .metaData {

    margin: 0;

    line-height: normal

}



body.from-blog h2 {

     color: #02434e;

    margin-bottom: .2em

}



.blog-post h2 a {
    color: #02434e;
    margin-bottom: .2em;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 0em;

}
@media only screen and (min-width: 768px){
.blog-post h2 a {
    font-size: 28px;
}
.from-blog .post-article {
 margin-bottom: 40px;

}


}


@media screen and (max-width: 600px){
.blog-post-body {
    margin-left: 0!important;
    margin-right: 0!important;
}

.blog-post-preview {
     float: none;
    width: 100%;
    margin-bottom: 1rem;
}
}