/**************************
@yellow			: #dbbd40;
@black          : #000;
**************************/
/*@colorWhite: #fff;
@colorBlack: #000;
@colorLightGrey: #aaa;
@colorGrey: #6d6d6d;
*/
/*
@colorThemeOrange: #eda053;
@colorThemeCyan: #6dbcdb;
@colorThemeYellow: #f6c562;
*/
.component-casestudies-content {
  position: relative;
  color: #000000;
  background: linear-gradient(to bottom, #000000 0%, #303030 50%, #000000 100%);
  overflow: hidden;
}
.component-media-types-stats + .component-casestudies-content {
  z-index: 2;
}
.component-casestudies-content .component-inner {
  padding-top: 5.5vw;
  padding-bottom: 10vw;
}
@media (max-width: 1279px) {
  .component-casestudies-content .component-inner {
    padding-top: 7vw;
    padding-bottom: 13.5vw;
  }
}
@media (max-width: 780px) {
  .component-casestudies-content .component-inner {
    padding-top: 50px;
    padding-bottom: 100px;
  }
}
.component-casestudies-content .intro {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  color: #ffffff;
}
@media (max-width: 780px) {
  .component-casestudies-content .intro {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-bottom: 24px;
  }
}
.component-casestudies-content .intro h2 {
  width: 100%;
  font-size: 32px;
  line-height: 1;
  font-family: bebas-neue-pro, arial narrow, sans-serif;
  text-transform: uppercase;
}
@media (min-width: 375px) and (max-width: 550px) {
  .component-casestudies-content .intro h2 {
    font-size: 32px;
  }
}
@media (min-width: 551px) and (max-width: 1279px) {
  .component-casestudies-content .intro h2 {
    font-size: 40px;
    line-height: 1;
  }
}
@media (min-width: 1280px) {
  .component-casestudies-content .intro h2 {
    font-size: calc(100vw  *  (53.33333333333333 / 1440));
    line-height: 0.91666667;
    margin-top: 53.33333333;
  }
}
@media (min-width: 375px) and (max-width: 550px) {
  .component-casestudies-content .intro h2 {
    font-size: 32px;
  }
}
@media (min-width: 551px) and (max-width: 1279px) {
  .component-casestudies-content .intro h2 {
    font-size: 40px;
    line-height: 1;
  }
}
@media (min-width: 1280px) {
  .component-casestudies-content .intro h2 {
    font-size: calc(100vw  *  (53.33333333333333 / 1440));
    line-height: 0.91666667;
  }
}
@media (min-width: 781px) {
  .component-casestudies-content .intro p {
    width: 65%;
  }
  .component-casestudies-content .intro .cta {
    width: 35%;
    text-align: right;
  }
}
.component-casestudies-content.has-featured {
  background: linear-gradient(to bottom, #6dbcdb 0%, #000000 33%, #000000 100%);
}
.component-casestudies-content.has-featured .intro {
  color: #000000;
}
.component-casestudies-content.has-featured .intro h2 {
  font-size: 60px;
}
@media (min-width: 781px) {
  .component-casestudies-content.has-featured .intro p {
    width: auto;
  }
}