h2 {text-align: center; color: white}
p {text-align: center; color: grey}

.blog {margin: 20px 30px; text-align: center}

.blog-item {display: block; margin: 0 0 24px 0; padding: 12px; background: #1e1e1e}

.blog-item:hover {transform: translateY(-6px); transition: all 200ms; background:#000000}

.blog-item > img {display: block; width: 100%; margin: 0 0 30px 0}

.blog-item h2 {text-align: center; color: white; font-size: 16px; text-transform: capitalize; margin-bottom: 0; padding-bottom: 0}

.blog-column {display: block; position: relative; width: 33.3333%; float: left; padding: 0 12px; box-sizing: border-box}

@media (max-width: 640px) {.blog-column {width: 100%}}

@media (max-width: 480px) {.blog-column {width: 100%}}

a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}