/*  BACKGROUND GRADIENTS */
/*  USAGE Example: @include background-gradient(red, black, vertical) */
/* BACKGROUND SIZE */
/* USAGE Example: @include background-size(100%, 100%); */
/* BOX SIZING */
/* usage example: @include box-sizing(border-box); */
/* POSITION */
/* USAGE EXAMPLE : @include position(absolute, 10px, null, 10px, 10px); */
/* OPACITY */
/* USAGE EXAMPLE : @include opacity(0.2); */
/* Arrows / Triangles */
/* Circle */
/* Not Text */
/* Auto */
/* generic transform */
/* rotate */
/* rotate */
/* scale */
/* translate */
/* skew */
/* transform origin */
/* IMAGES */
/*$img-path: '../images/' !default;



$font-body-base-small:ceil(($font-body-base * 0.75)) !default;*/
/* Font Size */
/*$line-height-base: 1.625em !default;*/
/* COLORS */
#eventBanner {
  background: url(../images/services-bg.jpg) no-repeat;
  background-size: cover;
  height: 170px;
  text-align: center;
  color: #ffffff;
  position: relative;
}
#eventBanner .title {
  font-size: 40px;
  font-weight: normal;
  text-align: center;
  text-transform: uppercase;
  color: #ffffff;
  position: absolute;
  top: 66%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#eventBanner .title span {
  font-family: 'Conv_BEBAS___', Sans-serif;
  display: block;
  font-size: 37px;
}
@media screen and (min-width: 768px) {
  #eventBanner .title {
    font-size: 56px;
    text-shadow: none;
  }
}
#eventBanner:before {
  content: "";
  display: block;
  width: 100%;
  height: 66px;
}
@media screen and (min-width: 768px) {
  #eventBanner:before {
    height: 109px;
  }
}
@media screen and (min-width: 768px) {
  #eventBanner {
    height: 270px;
  }
}

.section-wrapper {
  padding: 50px 0;
}
.section-wrapper .title {
  font-size: 20px;
  font-family: 'Conv_BEBAS___', Sans-serif;
  margin-bottom: 15px;
}
@media screen and (min-width: 768px) {
  .section-wrapper .title {
    font-size: 25px;
  }
}

#client-list {
  margin: 0;
  padding: 0;
}
#client-list li {
  display: inline-block;
  border: 1px solid #f0f0f0;
  margin-right: 10px;
  margin-bottom: 10px;
}
#client-list li img {
  width: 100%;
}
