.blog-index .blog-page{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0;width:100%}.blog-index .blog-page li{display:inline-block;margin:0 2% -32px 0;vertical-align:top;width:32%}.blog-index .blog-page li:nth-child(3n+0){margin-right:0}.blog-index .blog-page a.listing-image{background-position:50%;background-size:cover;display:block;height:325px;transition:all .15s linear;width:100%}.blog-index .blog-page .blog-meta{border-bottom:1px solid #d0d0d0;color:#999;display:flex;font-size:11px;padding:20px 0}.blog-index .blog-page .blog-meta .blog-meta-date{display:inline-block;margin-right:4%;width:48%}.blog-index .blog-page .blog-meta-categories{color:#999;display:inline-block;text-align:right;width:48%}.blog-index .blog-page .blog-meta-categories a{color:#999}.blog-index .blog-page .blog-meta-categories a:hover{color:#0078bf}.blog-index .blog-page h2.title{color:#1a1a1a;font-family:Roboto,sans-serif;font-size:25px;font-weight:600;line-height:1.1;margin:20px 0}.blog-index .blog-page h2.title a{color:#1a1a1a}.blog-index .blog-page h2.title a:hover{color:#0078bf}.blog-index .blog-page .description-text p{color:#999;font-size:13px;line-height:1.5;margin:0 0 1em}@media (max-width:1185px){.blog-index .blog-page li{margin:0 2% 60px 0}}@media (max-width:1024px){.blog-index .blog-page li{margin:0 0 60px;width:100%}}