.blog-wrapper { padding: 53px 0 87px; } 
.blog-wrapper .container { max-width: 970px; margin: 0 auto; padding-left: 15px; padding-right: 15px; } 
.blog-post { border-bottom: 1px solid #becad3; padding-bottom: 58px; margin-bottom: 59px; } 
.blog-post:last-child { margin-bottom: 42px; } 
.blog-post .post-image { float: left; max-width: 222px; margin-right: 47px; margin-bottom: 20px; } 
.blog-post .post-image img { width: 100%; height: 100%; object-fit: cover; box-shadow: 0 0 16px 3px rgba(0,0,0,.2); object-position: center center; } 
.clearfix::after { content: ""; clear: both; display: table; } 
.clearfix { overflow: auto; } 

.blog-post h2 , .blog-post h2 a{ margin-bottom: 15px; color: #054058; font-family: 'ralewayregular', Arial, Helvetica, sans-serif; font-size: 26px; font-weight: 500; line-height: 30px; } 
.blog-wrapper p.post-meta-data { margin-bottom: 10px; } 
.blog-wrapper p.post-meta-data span { font-weight: 500; font-size: 14px; line-height: 18px;color: #90a2b2;letter-spacing: 0.35px; } 
.blog-wrapper p.post-meta-data span:first-child { padding-right: 17px; border-right: 1px solid #bdcdd1; margin-right: 17px; } 
.blog-post p { text-shadow: 0 1px 0 #ffffff; color: #062136; font-family: 'ralewayregular', Arial, Helvetica, sans-serif; font-size: 15px; font-weight: 400; line-height: 24px; letter-spacing: 0.38px; margin-bottom: 25px; } 
.blog-wrapper .button { min-width: 142px; border: 3px solid #7ba3c2; color: #7ba3c2; font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.05px; font-family: 'ralewayregular', Arial, Helvetica, sans-serif; display: inline-block; padding: 7px 10px; text-align: center; } 
.blog-wrapper .button:hover{ 
    background-color: #7ba3c2;
    color: #ffffff;
} 

/* pagination */
.pagination { display: block; padding-left: 0; margin-top: 1rem; margin-bottom: 1rem; border-radius: .25rem; text-align: center; margin: 0 auto; } 
.pagination .fa-angle-left, .pagination .fa-angle-right { color: #7ba3c2; font-size: 30px; line-height: 25px; font-weight: 700; position: relative; top: 7px; } 
.pagination .pages { display: inline-block; margin: 0 20px; } 
.pagination .pages a, .pagination .pages span.current { display: inline-block; padding:5px 17px; border: 1px solid #fff; margin: 0 5px; background-color: transparent; color: #7ba3c2; font-family: 'ralewayregular', Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 700; text-transform: uppercase; } 
.pagination .pages span.current { border: 3px solid #7ba3c2; } 
.blog-wrapper .post .post-meta-data { margin-bottom: 30px; } 
@media screen and (max-width: 575px){
    .pagination .pages {
        margin: 0 10px;
    }
    .pagination .pages a, .pagination .pages span.current {
        padding: 3px 11px;
        margin: 0 3px;
    }
}

@media screen and (max-width:991px){
 .blog-wrapper { padding: 38px 0 87px; } 
 .blog-wrapper .container { padding-left: 30px; padding-right: 30px; } 
 .blog-post .post-image { margin-right: 31px; } 
 .blog-post p { margin-bottom: 13px; } 
 .blog-post { padding-bottom: 54px; margin-bottom: 52px; } 
 }
 @media screen and (max-width: 767px){
 .blog-wrapper .container { padding-left: 25px; padding-right: 25px; } 
 .blog-wrapper .button { width: 100%; } 
 }
@media screen and (max-width: 575px){
 .blog-post .post-image { float: none; max-width: 100%; margin-right: 0px;}
 .blog-post .post-image img { max-height: 216px; } 
 .blog-post p { margin-bottom: 25px; } 
 .blog-post { padding-bottom: 43px; margin-bottom: 43px; } 
 }
/*
* Image Alignment
*/

img.alignleft { float:left; margin:0 38px 25px 0; display: inline; } 

img.alignright { float:right; margin:0 0px 25px 38px; display: inline; } 

img.aligncenter { display:block; margin-left:auto; margin-right:auto; margin-bottom:38px; } 



/*
* Post
*/
.post dl, .post dt, .post dd, .post ul, .post ol, .post li, .post h1, .post h2, .post h3, .post h4,
.post h5, .post h6, .post pre, .post p, .post blockquote, .post th, .post td
 {
 margin: 0; padding: 0; font-size: 14px; direction: ltr; } 

 .post p { text-shadow: 0 1px 0 #ffffff; color: #062136; font-family: 'ralewayregular', Arial, Helvetica, sans-serif; font-size: 15px; font-weight: 400; line-height: 24px; letter-spacing: 0.38px; margin-bottom: 27px; } 
.post p.lead { font-size: 16px; line-height: 30px; margin-bottom: 17px; } 
.post p small { font-size: 14px; line-height: 30px; } 

.post h1, .post h2, .post h3, .post h4, .post h5, .post h6
 {
font-style: normal; color: #222222; text-rendering: optimizeLegibility; line-height: 1.1; margin-bottom: 0; margin-top: 0; font-family: 'ralewayregular', Arial, Helvetica, sans-serif; } 

.post h1 small, .post h2 small, .post h3 small, .post h4 small, .post h5 small, .post h6 small
 {
 font-size: 60%; color: #6f6f6f; line-height: 0; } 
.post h1 { font-size: 44px; margin-bottom: 16px; } 
.post h2 { font-size: 36px; line-height: 48px; margin-bottom: 16px; } 
.post h3 { font-size: 30px; line-height: 30px; margin-bottom: 16px; } 
.post h4 { font-size: 28px; line-height: 37px; margin-bottom: 16px; } 
.post h5 { font-size: 24px; line-height: 30px; margin-bottom: 16px; } 
.post h6 { font-size: 18px; line-height: 37px; margin-bottom: 16px; } 
.post code { font-weight: bold; background: #ffff99; } 

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


/*
*Post - Lists
*/
.post ul, .post ol, .post dl { font-size: 14px; line-height: 1.6; margin-bottom: 17px; list-style-position: outside; } 

.post ul li ul, .post ul li ol { margin-left: 20px; margin-bottom: 0; } 

.post ol { margin-left: 20px; } 
.post ol li ul, .post ol li ol { margin-left: 20px; margin-bottom: 0; } 

/*
*Post - Blockquotes
*/
.post blockquote, .post blockquote p { line-height: 1.5; color: #6f6f6f; } 
.post blockquote { margin: 0 0 17px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; } 
.post blockquote cite { display: block; font-size: 13px; color: #555555; } 
.post blockquote cite:before { content: "\2014 \0020"; } 
.post blockquote cite a, .post blockquote cite a:visited { color: #555555; }