.carousel {
  margin-bottom: 40px;
  padding-left: 60px;
  padding-right: 60px;
}
  h2.wbox-logos-title {
      color: #0077B4;
      text-align: center;
  }
  @supports ( -webkit-text-stroke:thin ) {
    h2.wbox-logos-title{       
        background-image: linear-gradient(180deg, #00AFDB 0%, #0077B4 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;    
    }
}
/* cell number */
.logos ol li::before {

    content: none;


}
.carousel-cell-logos {
    width: 100%;
    display: flex;
    flex-wrap:wrap;
    background-color: transparent;
}
.logo-canvas {
    display: flex;
    flex-wrap:wrap;
}
a.logo-canvas-item {
    display: block;
}
.logo-canvas-item {
    position:relative;
    width: 100px;
    flex-basis: calc(50% - 8px);
    margin: 4px;
    display: flex;
    height:0;
    padding:5px;
    padding-top: calc(50% - 13px);
    background-color: #fff;
    box-shadow: 0px 0px 4px -1px rgba(0,0,0,0.25);
}

/* Specific IE11 Hack for size calculatin */
_:-ms-fullscreen, :root .logo-canvas-item {
  flex-basis: calc(50% - 18px);
}


.logo-canvas-item img {
    position:absolute;
    max-width:90%!important;
    width: 90%;
    left: 50%;
    top:50%;
    transform: translate(-50%,-50%);

}

.logos .flickity-prev-next-button.previous {
  left: -10px;
}
.logos .flickity-prev-next-button.next {
  right: -10px;
}
.logos .flickity-button {
    background-color: transparent;

}
.logos .flickity-prev-next-button .flickity-button-icon {
  color: #666;
}
.logos .flickity-page-dots .dot {
    margin: 0 5px;
}


/* position dots in carousel */
.logos .flickity-page-dots {
  /*bottom: -42px;*/
  z-index: 200;
  position: relative;
  padding-top: 25px;
}
/* white circles */
.logos .flickity-page-dots .dot {
  width: 17px;
  height: 17px;
  opacity: 1;
  background: transparent;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
/* fill-in selected dot */
.logos .flickity-page-dots .dot.is-selected {
  background: rgba(0, 0, 0, 0.1);
}


/*@media screen and (min-width:1198px) {
    .carousel-cell {
        width: 26%;
        background-color: #71FF86FF;
    }
}
*/
.carousel-cell-logos {
  /* 2 cells in group */
  width: 100%;
/*  height: 200px;*/
  margin-right: 0px;
/*  background: #8C8;*/


}
@media ( min-width: 768px ) {
    .logos .carousel-cell-logos {
    /* 3 cells in group */
    width: calc( 100% / 3 );
  } 
}

@media ( min-width: 1024px ) {
.carousel-cell-logos {
    /* 4 cells in group */
    width: calc( ( 100% - 10px ) / 4);
  } 
}