@charset "utf-8";
/* CSS Document */

/* external css: flickity.css */
/* external css: flickity.css */

* { box-sizing: border-box; }

body { 
    font-family: sans-serif; }

.carousel {
  background: #ccc;
  margin: 100px auto;
  border: 1px solid #ccc;
  width: 1000px;
  height: 302px;
    
}

.gallery {
  width: 100%;
  height: Auto;
     
  /* flex-box, center image in cell */
  
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-align-items: center;
          align-items: center;
}


.gallery img {
  display: block;
  max-width: 100;
  max-height: 300px;
 
  


@media screen and ( min-width: 768px ) {
  .gallery {
    height: 400px;
  }
}

@media screen and ( min-width: 960px ) {
  .gallery {
    width: 60%;
  }
}

/* buttons, no circle */
.flickity-prev-next-button {
  width: 60px;
  height: 60px;
  background: transparent;
  opacity: 0.6;
}
.flickity-prev-next-button:hover {
  background: transparent;
  opacity: 1;
}
/* arrow color */
.flickity-prev-next-button .arrow {
  fill: white;
}
.flickity-prev-next-button.no-svg {
  color: white;
}
/* closer to edge */
.flickity-prev-next-button.previous { left: 0; }
.flickity-prev-next-button.next { right: 0; }
/* hide disabled button */
.flickity-prev-next-button:disabled {
  display: none;
}