nav {
  padding: 0.825rem 0;
}
@media screen and (max-width: 768px) {
  .right {
  float:none;
  }
}

 <!-- pagination -->
   <style>
.pagination {
  display: inline-block;
}

.pagination a {
  color: black;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
}

.pagination a.active {
  background-color: blue;
  color: white;
}

.pagination a:hover:not(.active) {background-color: red;}
</style> 

<style>
div.relative {
  position: relative;
  left: 140px;
    width: 250px;
  height: 50px
 }
</style>
<!-- End pagination -->