.my-blog h1{font-size:55px;}
.my-blog h5{font-size:25px;}
.my-blog h6{font-size:20px;}
.my-blog h1,.my-blog h5,.my-blog h6{margin:0;font-weight:400;}

.my-blog .mb-30{margin-bottom:30px!important;}

.my-blog h1,.my-blog h5,.my-blog h6{font-family:'Oswald', sans-serif;font-weight:300;line-height:1.25em;margin:0 0 20px 0;}
.my-blog h1{font-size:40px;}
.my-blog h5{font-size:20px;}
.my-blog h6{font-size:18px;}
.my-blog img{width:100%;height:auto;}
.my-blog img{-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;color:#f7f7f7;}
.my-blog span,.my-blog a,.my-blog a:hover{display:inline-block;text-decoration:none;color:inherit;}

.my-blog .valign{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}

.my-blog .img{position:relative;overflow:hidden;}
.my-blog .img:hover img{-webkit-filter:none;filter:none;-webkit-transform:scale(1.09, 1.09);transform:scale(1.09, 1.09);-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;-ms-transition:all 1s ease;transition:all 1s ease;}
.my-blog .img img{-webkit-transition:all .5s;transition:all .5s;}
.my-blog .content{width:100%;padding:30px 45px;}
.my-blog .content .date{display:table-cell;position:relative;width:80px;z-index:2;}
.my-blog .content .date h1{font-size:65px;font-weight:600;color:#0099cc;margin-bottom:0px;}
.my-blog .content .date h6{color:#888;letter-spacing:3px;font-size:10px;text-transform:uppercase;font-weight:300;padding-right:3px;}
.my-blog .content .cont{display:table-cell;vertical-align:middle;padding-left:15px;}
.my-blog .content .cont h5{margin:15px 0;font-size:20px;color:#1b1b1b;letter-spacing:3px;font-weight:300;text-transform:uppercase;line-height:1.5em;}
.my-blog .content .cont .more{font-family:'Oswald', sans-serif;font-size:14px;font-weight:300;letter-spacing:3px;text-transform:uppercase;color:#888;padding-left:50px;position:relative;}
.my-blog .content .cont .more:after{content:'';width:40px;height:1px;background:#0099cc;position:absolute;top:50%;left:0px;}
.my-blog .content .cont .more:hover{color:#0099cc;}
.my-blog .content .info h6{font-size:12px;letter-spacing:2px;color:#888;text-transform:uppercase;}
.my-blog .content .info .tags{color:#0099cc;}

@media (max-width: 768px) {

	.my-blog .content{padding: 0; margin: 0;}
	.my-blog .content .date{width:60px;}
	.my-blog .content .info .tags{margin:5px 0 0;}

} /* 768px */