.gallery .control-button {

  color: #ccc;

  color: rgba(255, 255, 255, 0.4);

}



.gallery .control-button:hover {

  color: white;

  color: rgba(255, 255, 255, 0.8);

}



/*

	Theme controls how everything looks in Gallery CSS.

*/

.gallery {

  position: relative;

}

.gallery .item {

  height: 550px;

  overflow: hidden;

  text-align: center;

  background: #e6662e;

}

.gallery .controls {

  position: absolute;

  bottom: 0;

  width: 100%;

  text-align: center;

}

.gallery .control-button {

  display: inline-block;

  margin: 0 0.02em;

  font-size: 3em;

  text-align: center;

  text-decoration: none;

  transition: color 0.1s;

}



@media only screen and (max-width: 880px) {
.gallery .item {

  height: 400px;

  overflow: hidden;

  text-align: center;

  background: #e6662e;

}
}