#blogTables {
    padding:50px 0;
}
#blogTables .blogTable {
    margin:100px 0;
}
#blogTables .blogTable:first-child {
    margin:0 0 100px 0;
}
#blogTables .blogTable:last-child {
    margin:100px 0 0 0;
}
#blogTables .blogTable .blogTable-header {
    display:table;
    width:100%;
    background-image:url('../Images/gradient-green-line.fw.png');
    background-size:contain;
    background-position:bottom center;
    background-repeat:no-repeat;
}
#blogTables .blogTable .blogTable-header .blogTable-header-title {
    display:table-cell;
    text-align:left;
    vertical-align:middle;
    font-size:16px;
    line-height:25px; 
}
#blogTables .blogTable .blogTable-header .blogTable-header-title img {
    height:20px;
    margin-bottom:-4px;
    margin-right:5px;
}
#blogTables .blogTable .blogTable-header .blogTable-header-datetime {
    display:table-cell;
    text-align:right;
    vertical-align:bottom;
}
#blogTables .blogTable .blogTable-content {
    padding:30px 0;
    overflow-y:hidden;
    line-height:20px;
    height:auto;
    text-align:left;
}
#blogTables .blogTable .blogTable-readMore {
    margin:10px 0;
    display:inline-block;
    padding:10px 15px;
    background:#00B4AA;
    color:#fff;
    cursor:pointer;
    transition:background ease .3s, color ease .3s;
}
#blogTables .blogTable .blogTable-readMore:hover {
    background:#11D4CA;
    color:#222;
}

@media (max-width:800px) {
    #contentTable { height:auto; padding:200px 30px 100px 30px; }
}
@media (max-width:650px) {
    #blogTables .blogTable .blogTable-header { display:block; }
    #blogTables .blogTable .blogTable-header .blogTable-header-title { display:block; }
    #blogTables .blogTable .blogTable-header .blogTable-header-datetime { display:block; text-align:right; color:#777; }
}
@media (max-width:600px) {
    #blogTables .blogTable .blogTable-content { height:230px; }    
}