/* external css: flickity.css */

* { box-sizing: border-box; }

body { font-family: sans-serif;}

.carousel {
  background: #EEE;
}
.caption {
	background: #FAFAFA;
	margin: 0;
	padding: 10px;
	text-align: center;
}

.carousel img {
	display: block;
	max-height:400px;
	border: 2px solid black;
	border-radius:5px;
	margin: 5px;
}

@media screen and ( min-width: 768px ) {
  .carousel img {
    max-height: 500px;
  }
}
/* dots are lines */
.flickity-page-dots .dot {
  height: 5px;
  width: 50px;
  margin: 10px 0px;
  border-radius: 0;
}