.nn-categories-blocks { display: flex; width: 100%; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; }
.nn-categories-blocks.nn-categories-blocks-1 > .col { flex: 0 0 20%; max-width: 20%; width: 20%; padding-right: 15px; padding-left: 15px; margin-bottom: 30px; }
.nn-categories-blocks.nn-categories-blocks-1 > .col > a { display: block; height:100%; background-color: #fff; text-align: center; border-radius: 3px; padding: 25px 15px; box-shadow: 0 7px 50px -10px rgba(0, 0, 0, 0.17); transform: translate3d(0, 0, 0); transition: all .38s cubic-bezier(0.41, 0.57, 0.1, 1.2); }
.nn-categories-blocks.nn-categories-blocks-1 > .col > a:hover { transform: translate3d(0, -4px, 0); box-shadow: 0 15px 50px rgba(0, 0, 0, 0.13); }
.nn-categories-blocks.nn-categories-blocks-1 img { max-width: 200px; text-align: center; }
.nn-categories-blocks.nn-categories-blocks-1 .post-title { font-size: 20px; margin-bottom: 0; }

.nn-posts-blocks { display: flex; width: 100%; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; }
.nn-posts-blocks.nn-posts-blocks-1 > .col { flex: 0 0 20%; max-width: 20%; width: 20%; padding-right: 15px; padding-left: 15px; margin-bottom: 30px; }
.nn-posts-blocks.nn-posts-blocks-1 > .col > a { display: block; height:100%; background-color: #fff; text-align: center; border-radius: 3px; padding: 25px 15px; box-shadow: 0 7px 50px -10px rgba(0, 0, 0, 0.17); transform: translate3d(0, 0, 0); transition: all .38s cubic-bezier(0.41, 0.57, 0.1, 1.2); }
.nn-posts-blocks.nn-posts-blocks-1 > .col > a:hover { transform: translate3d(0, -4px, 0); box-shadow: 0 15px 50px rgba(0, 0, 0, 0.13); }
.nn-posts-blocks.nn-posts-blocks-1 img { max-width: 200px; text-align: center; }
.nn-posts-blocks.nn-posts-blocks-1 .post-title { font-size: 20px; margin-bottom: 0; }