/* external css: flickity.css */

* { box-sizing: border-box; }

.carousel img {
  width: 25%;
}

.carousel-cell {
  width: 35%;
  height: auto;
}

.carousel-exp-cell {
  width: 50%;
  height: auto;
  margin-left: 5%;
  margin-right: 5%;
}

/* position dots in carousel */
.flickity-page-dots {
  top: 125%;
}
/* white circles */
.flickity-page-dots .dot {
  width: 12px;
  height: 12px;
  opacity: 1;
  background: transparent;
  border: 2px solid #3399FF;
}
/* fill-in selected dot */
.flickity-page-dots .dot.is-selected {
  background: #3399FF;
}