.waterwheel-image {
  max-width: 284px;
}

ul.waterwheel-controls {
  clear: both;
  text-align: center;
  list-style: none outside none;
  margin: 0px;
  padding: 0px;
}
  
.waterwheel-controls>li {
  display: inline;
}

.waterwheel-controls > li.separator {
  padding-left: 104px;
  padding-right: 104px;
}
  
.waterwheel-controls > li > a{
  display: inline-block;
  color: #C8D016;
  cursor: pointer;
  width: 40px;
}

.waterwheel-controls >  li > a:hover,
.waterwheel-controls >  li > a:focus,
.waterwheel-controls >  li > a:active {
  color: #808080;
  text-decoration: none;
}

@media (max-width: 768px) {
  .waterwheel-controls > li.separator {
    padding-left: 54px;
    padding-right: 54px;
  }
}