.gallery {
  background: rgba(214, 210, 206, .2);
}

.gallery-cell {
  width: 40%; /*40%*/
  height: 200px;
  margin-right: 3px;
  background: rgba(126, 161, 114, .1);
  padding: 15px 45px;
  position: relative;
  /*counter-increment: gallery-cell;*/
}

.gallery-cell .line {
    white-space: nowrap;
}
.gallery-cell .fa-li {
    left: 0px !important;
    position: relative !important;
}

.gallery-cell .event_labelcontent {
    display: inline-block;
    padding-left: 10px;
}

.gallery-cell .link {
  	position: absolute;
  	width: 100%;
  	height: 100%;
  	top: 0;
  	left: 0;
  	z-index: 1;
}

.gallery-cell .event_cat {
  	position: absolute;
	margin: 0;
	display: inline-block;
	left: 1px;
	top: 1px;
	transform-origin: top left;
	transform: rotate(-90deg) translateX(-100%);
}

@media (max-width: 768px) {

    .gallery.js-flickity,
    .nix {
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
    }
    
    .gallery-cell {
        xfont-size: 85%;
        width: 75%;
    }
    .gallery-cell,
    .gallery-cell h5 {
        font-size: 95%;
    }

    .nix {
        background: rgba(126, 161, 114, .1);
        padding: 30px 40px;
        text-align: center;
    }    
    
}

/* dots are lines */
.flickity-page-dots .dot {
  height: 2px;
  width: 15px;
  margin: 5px;
  border-radius: 0;
}
.flickity-page-dots .dot.is-selected {
    width: 25px;
    background-color: rgb(67, 74, 66);
}

.nix {
    background: rgba(126, 161, 114, .1);
    padding: 30px 40px;
    text-align: center;    
}

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