.pagination {
	margin: 0 auto;
	margin-top: 30px;
	margin-bottom: 30px;
	text-align: center;
		li {
			list-style:none;
			display:inline-block;
				a {
					text-decoration:none;
					background:$color-primary;
					transition: background 200ms, color 200ms;
					height:30px;
					line-height:30px;
					width:30px;
					vertical-align: middle;
					color:white;
					font-size: $font-micro;
					margin-right:2px;
					display:block;
					text-align: center;
						&:hover {
							background:$color-accent;
						}
				}
		}

		@media screen and (min-width: 640px) {
			 margin: 30px 0;
			 float: right;
			 li {
			 	float: left;
			 	display: block;
			 }
			  li a {
			  		height:40px;
			  		line-height:40px;
			  		width:40px;
			  		font-size: $font-small;
			  }
		}

}
.pagination--current {
	background:$color-disabled;
}
.pageinttl {
	
	display: none !important;
	@media screen and (min-width: 640px) {
		   vertical-align:middle;
		   text-align:center;
		   text-transform:uppercase;
		   margin-right:10px;
		   font-size: $font-small;
		   color: $color-primary;
		   height:40px;
		   line-height:40px;
		   padding: 0 8px;
		   display: block !important;
	}
}