body {
  margin: 0; }

.carousel {
  background: #EEE;
  margin: auto;
  max-width: 900px; }
  .carousel .flickity-prev-next-button {
    width: 40px;
    height: 40px;
    background: transparent; }
  .carousel .flickity-page-dots .dot {
    width: 10px;
    height: 10px;
    opacity: 1;
    background: rgba(255, 255, 255, 0.4); }

.carousel-cell {
  width: 100%;
  height: auto;
  margin-right: 10px;
  background: #8C8;
  counter-increment: gallery-cell; }

.flickity-prev-next-button .arrow {
  fill: white; }

.flickity-prev-next-button.no-svg {
  color: white; }

.flickity-prev-next-button:hover {
  background: transparent; }

.flickity-prev-next-button:disabled {
  display: none; }

.flickity-page-dots {
  bottom: 10px; }

.flickity-page-dots .dot.is-selected {
  background: white; }

@media only screen and (min-width: 900px) {
  .carousel .flickity-prev-next-button {
    width: 80px;
    height: 80px; }
  .carousel .flickity-page-dots .dot {
    width: 20px;
    height: 20px; } }