#news .items {
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 30px; }
@media all and (min-width: 600px) {
#news .items {
grid-template-columns: repeat(2, 1fr); } }
@media all and (min-width: 1200px) {
#news .items {
grid-template-columns: repeat(3, 1fr); } }
#news .items .item-wrap {
display: inline-block;
margin-bottom: 4.6875rem; }
#news .items h3 {
margin-top: 2.5rem; }
#news .pager {
display: flex;
justify-content: center; }
#news .pager .page-numbers {
list-style-image: none;
display: inline-block;
list-style: none; }
#news .pager .page-numbers li {
display: inline-block;
font-family: "Open Sans";
letter-spacing: 0.6px;
font-size: 1.25rem;
padding-left: 1rem; }
#news .pager .page-numbers li a {
font-family: "Open Sans";
letter-spacing: 0.6px;
font-size: 1.25rem; }
#news .pager .page-numbers li .current {
background-color: #fff;
border-radius: 100%;
width: 40px;
height: 40px;
position: relative;
top: 1px;
display: flex;
justify-content: center;
align-items: center; }
#news .pager .page-numbers li .prev img.hover, #news .pager .page-numbers li .next img.hover {
display: none; }
#news .pager .page-numbers li .prev:hover img.default, #news .pager .page-numbers li .next:hover img.default {
display: none; }
#news .pager .page-numbers li .prev:hover img.hover, #news .pager .page-numbers li .next:hover img.hover {
display: inline; }