@media only screen and (min-width: 0px) {
	.pager {
		display: flex;
		flex-flow: row nowrap;
		justify-content: center;
		margin: 0 20px;
		border-top: 1px solid #616265;
		padding: 20px 0;
		width: calc(100% - 40px);
	}
	.pager ul {
		display: flex;
		flex-flow: row nowrap;
		margin: 0;
		list-style-type: none;
	}
	.pager ul > li {
		flex-shrink: 1;
	}
	.pager a {
		display: inline-block;
		line-height: 20px;
		padding: 10px;
		color: #00267e;
	}
	.pager a:hover {
		text-decoration: underline;
	}
	.pager .pager__item--ellipsis {
		display: none;
	}
}
@media only screen and (min-width: 640px) {
	.pager {
		margin: 0 30px;
		padding: 30px 0;
	}
}
@media only screen and (min-width: 1024px) {
	.pager {
		margin: 0;
		padding: 32px 0 0 0;
		width: 100%;
	}
}
@media only screen and (max-width: 1023px) {
	.pager .pager__item {
		margin: 0 10px;
	}
	.pager .pager__item--first,
	.pager .pager__item--last {
		display: none;
	}

}
@media only screen and (max-width: 639px) {

	.pager .pager__item:not(.is-active):not(.pager__item--previous):not(.pager__item--next) {
		display: none;
	}

}