.blog-categories
{
    width:100%;
    background:#37436C;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    overflow: hidden;
}

.blog-categories a
{
    color:#fff;
    padding: 10px 30px;
}

.blog-categories>a:last-child
{
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.blog-categories>a:first-child
{
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.blog-categories>a.active
{
    background:#FF4D4D;
    color:#fff;
}

section.blog article
{
    position:relative;
    background: #233053;
    color:#fff;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom:15px;
    vertical-align: top;
}

section.blog article .category
{
    color:rgba(255, 255, 255, .7);
    line-height:16px;
}

section.blog article>div:last-child
{
    padding: 30px;
}

section.blog article .img
{
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
}

section.blog article .img img
{
    width:100%;
}

section.blog article .view
{
    display:inline-block;
    width:26px;
    height:26px;
    vertical-align: middle;
    background:url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiBjbGFzcz0iIj48Zz48Zz4KCTxnPgoJCTxwYXRoIGQ9Ik01MDguMTc3LDI0NS45OTVDNTAzLjYwNywyNDAuODk3LDM5My42ODIsMTIxLDI1NiwxMjFTOC4zOTQsMjQwLjg5NywzLjgyMywyNDUuOTk1Yy01LjA5OCw1LjY5OC01LjA5OCwxNC4zMTIsMCwyMC4wMSAgICBDOC4zOTQsMjcxLjEwMywxMTguMzIsMzkxLDI1NiwzOTFzMjQ3LjYwNi0xMTkuODk3LDI1Mi4xNzctMTI0Ljk5NUM1MTMuMjc0LDI2MC4zMDcsNTEzLjI3NCwyNTEuNjkzLDUwOC4xNzcsMjQ1Ljk5NXogTTI1NiwzNjEgICAgYy01Ny44OTEsMC0xMDUtNDcuMTA5LTEwNS0xMDVzNDcuMTA5LTEwNSwxMDUtMTA1czEwNSw0Ny4xMDksMTA1LDEwNVMzMTMuODkxLDM2MSwyNTYsMzYxeiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBkYXRhLW9sZF9jb2xvcj0iIzAwMDAwMCIgc3R5bGU9ImZpbGw6I0ZGRkZGRiI+PC9wYXRoPgoJPC9nPgo8L2c+PGc+Cgk8Zz4KCQk8cGF0aCBkPSJNMjcxLDIyNmMwLTE1LjA5LDcuNDkxLTI4LjM2NSwxOC44ODctMzYuNTNDMjc5LjY2MSwxODQuMjM1LDI2OC4yNTUsMTgxLDI1NiwxODFjLTQxLjM1MywwLTc1LDMzLjY0Ny03NSw3NSAgICBjMCw0MS4zNTMsMzMuNjQ3LDc1LDc1LDc1YzM3LjAyNCwwLDY3LjY2OC0yNy4wMzQsNzMuNzIyLTYyLjM1OEMyOTkuNTE2LDI3OC4zNjcsMjcxLDI1NS41MjIsMjcxLDIyNnoiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSJhY3RpdmUtcGF0aCIgZGF0YS1vbGRfY29sb3I9IiMwMDAwMDAiIHN0eWxlPSJmaWxsOiNGRkZGRkYiPjwvcGF0aD4KCTwvZz4KPC9nPjwvZz4gPC9zdmc+");
    background-size: contain;
    margin-left:5px;
    opacity:.7;
}

@media screen and (max-width: 1024px)
{
    .blog-categories a
    {
        width:100%;
    }

    .blog-categories>a:last-child
    {
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        border-top-right-radius: 0px!important;
    }

    .blog-categories>a:first-child
    {
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        border-bottom-left-radius: 0px!important;
    }
}