/* external css: flickity.css */

/** { box-sizing: border-box; }

body { font-family: sans-serif; }

.carousel2 {
  background: #EEE;
}

.carousel-cell {
  width: 28%;
  height: 200px;
  margin-right: 10px;
  background: #8C8;
  border-radius: 5px;
  counter-increment: carousel-cell;
}

.carousel-cell.is-selected {
  background: #ED2;
}

 cell number 
.carousel-cell:before {
  display: block;
  text-align: center;
  content: counter(carousel-cell);
  line-height: 200px;
  font-size: 80px;
  color: white;
}*/


/* external css: flickity.css */

/** { box-sizing: border-box; }

body { font-family: sans-serif; }

.carousel2 {
 background: linear-gradient(to right, rgba(39, 70, 133, 0.8) 0%, rgba(61, 179, 197, 0.8) 100%), url(../img/system/background.jpg);
}

.carousel2 img {
  display: block;
  height: 200px;
  border-radius: 5px;
  margin-right: 10px;
}

@media screen and ( min-width: 768px ) {
  .carousel2 img {
    height: 400px;
  }
}*/