/****************************************************************************
 * Single-Pagination
 ****************************************************************************/
.navigation{
    display: block; text-align: center;
}

.navigation .nav-links{
    font-size: 0;
}

.navigation .nav-links > *{
    display: inline-block; font-size: 1rem;
    width: 100%; vertical-align: middle;
}
.navigation .nav-links > .nav-previous a:before{
    content: '<<'; margin-right: .5em;
}
.navigation .nav-links > .nav-next a:after{
    content: '>>'; margin-left: .5em;
}


/****************************************************************************
 * Archive-Pagination
 ****************************************************************************/
.navigation.pagination{
    display: block; text-align: center;
}
.navigation.pagination .nav-links{
    display: inline-block; font-size: 0; text-align: center;
    margin: 0 -0.5rem;
}
.navigation.pagination .nav-links > *{
    display: inline-block; vertical-align: middle; margin: .5rem;
    font-size: 1rem; width: auto;
}


@media screen and (min-width:64em){
    /****************************************************************************
     * Single-Pagination
     ****************************************************************************/
    .navigation .nav-links > *{
        width: 50%;
    }
    .navigation .nav-links > .nav-previous{ text-align: left;}
    .navigation .nav-links > .nav-next{ text-align: right;}
    
}