@media only screen and (min-width: 0) {
  .orbit {
    padding: 0 2rem;
  }
  .orbit-previous {
    left: -1.5rem;
  }
  .orbit-next {
    right: -1.5rem;
  }
  .orbit-previous,
  .orbit-next {
    color: #00267e;
  }
  .orbit-previous:hover,
  .orbit-previous:focus,
  .orbit-previous:active,
  .orbit-next:hover,
  .orbit-next:focus,
  .orbit-next:active {
    color: #fff;
    cursor: pointer;
  }
  .orbit-bullets button {
    width: 1rem;
    height: 1rem;
    cursor: pointer;
  }
}
@media only screen and (min-width: 640px) {
  .orbit {
    padding: 0 1rem;
  }
  .orbit-previous {
    left: -2.5rem;
  }
  .orbit-next {
    right: -2.5rem;
  }
}
@media only screen and (min-width: 1024px) {
  .orbit {
    padding: 0;
  }
  .orbit-previous {
    left: -4rem;
  }
  .orbit-next {
    right: -4rem;
  }
}