#news-wrapper {
    width     : 60rem;
    max-width : 98%;
    margin    : 1em auto 0;
}

#news-wrapper .news {
    display       : flex;
    flex-flow     : column nowrap;
    margin-bottom : .5em;
    padding       : .5em 1em;
    border        : 2px solid #3758a1;
    border-radius : 1em;
}

#news-wrapper .news .news-title {
    font-weight : bold;
}

#news-wrapper .news .news-text {
    line-height : 1.2;
}

#news-wrapper .news .news-date-published {
    font-size : .8rem;
    opacity   : .7;
}

#news-wrapper .news .button {
    font-size  : .8rem;
    width      : 7em;
    margin     : 0;
    align-self : flex-end;;
}

#news-pages-wrapper {
    display         : flex;
    flex-flow       : row wrap;
    justify-content : center;
    align-items     : center;
    margin          : 0 2em 1em;
}

#news-pages-wrapper #news-pages {
    display         : flex;
    flex-flow       : row wrap;
    justify-content : center;
}

#news-pages-wrapper a {
    margin        : .2em .5em;
    padding       : .2em .5em;
    text-align    : center;
    border-radius : .2em;
    color         : #727272;
    border        : 2px solid transparent;
}

#news-pages-wrapper a:hover {
    border-color : darkgoldenrod !important;
    color        : #3758a1;
}

#news-pages-wrapper #news-pages .news-page-active {
    border-color : #3758a1;
}

#news-pages-wrapper #news-page-prev,
#news-pages-wrapper #news-page-next {
    width : 8em;
}

@media only screen and (max-width : 30em) {
    #news-wrapper {
        margin : 0 .5em;
    }
}