.per-line-1 li {
    min-width: 100%;
}.per-line-2 li {
    min-width: 50%;
}.per-line-3 li {
    min-width: 33.33%;
}.per-line-4 li {
    min-width: 25%;
}.per-line-5 li {
    min-width: 20%;
}.per-line-6 li {
    min-width: 16.66%;
}.per-line-7 li {
    min-width: 14.28%;
}
.blog-nav {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-flow: row wrap;
    justify-content: space-around;
}
    .blog-nav li {
        flex-grow: 1;
        width: 50%;
    }

.blog-nav li::after{
    content: " ";
    background-color: #ccc;
    padding: 10px 1px;
    float: left;
    margin-top: -35px;
}

.blog-nav li:first-child::after{
    display: none;
}

    .blog-nav a {
        display: block;
        padding: 15px 10px;
        color: #354166;
        -webkit-transition: color 0.2s,background-color 0.2s;
        -moz-transition: color 0.2s,background-color 0.2s;
        -ms-transition: color 0.2s,background-color 0.2s;
        -o-transition: color 0.2s,background-color 0.2s;
        transition: color 0.2s,background-color 0.2s;
    }
    /*.blog-nav li.orange a {
        background-color: #f59d15;
    }.blog-nav li:nth-child(3n+2) a {
        background-color: #f59d15;
    }
    .blog-nav li.green a {
        background-color: #00b1ac;
    }.blog-nav li:nth-child(3n) a {
        background-color: #00b1ac;
    }*/
    .blog-nav li.selected a {
        background-color: #fff;
        color: #00b1ac;
        border-bottom: 3px solid #00b1ac;
    }
    .blog-nav li.orange.selected a {
        color: #00b1ac;
    }
    .blog-nav li.green.selected a {
        color: #00b1ac;
    }
    .blog-nav li a:hover, .blog-nav li a:focus {
        background-color: #fff;
        color: #00b1ac;
    }
    .blog-nav li.green a:hover, .blog-nav li.green a:focus {
        color: #00b1ac;

    }
    .blog-nav li.orange a:hover, .blog-nav li.orange a:focus {
        color: #00b1ac;

    }
@media screen and (min-width: 720px) {
    .blog-nav li {
        width: auto;
    }
}