/* @group Greys */
/* @end */
/* @group Corporate colours taken from logo */
/* @end */
/* @group Site Defaults */
/* @end */
/* @group Background colours */
.sectionBG-White {
  background-color: #ffffff; }

.sectionBG-Black {
  background-color: #111; }

.sectionBG-Light-Grey {
  background-color: #f7f7f7; }

.sectionBG-Sky-Blue {
  background-color: #89d6f2; }

.sectionBG-Neon-Pink {
  background-color: #ee0049; }

.sectionBG-Bright-Purple {
  background-color: #bd1a8d; }

.sectionBG-Dark-Purple {
  background-color: #6d216d; }

.sectionBG-Orange {
  background-color: #f6a030; }

.sectionBG-Green {
  background-color: #b5d562; }

.sectionBG-Pink {
  background-color: #daaec8; }

.sectionBG-Brown {
  background-color: #c88c5e; }

.sectionBG-Turquoise {
  background-color: #3cc8b4; }

/* @end */
.twoColsLayout .box-video {
  margin-top: 0px !important; }

.twoColsLayout .colItemsWrap {
  padding: 0px;
  margin: 0px;
  -webkit-column-gap: 0em;
  -moz-column-gap: 0em;
  column-gap: 0rem;
  -webkit-column-count: 2;
  /* Chrome, Safari, Opera */
  -moz-column-count: 2;
  /* Firefox */
  column-count: 2;
  transition: all 0.07s linear;
  padding: 0; }
  .twoColsLayout .colItemsWrap .colItem {
    display: inline-block;
    margin: 0;
    width: 100%; }
  .twoColsLayout .colItemsWrap .TwoColMediaWrap {
    position: relative; }
    .twoColsLayout .colItemsWrap .TwoColMediaWrap .TwoColCaption {
      position: absolute;
      z-index: 99;
      bottom: 0;
      background: rgba(0, 0, 0, 0.4);
      color: white;
      padding: .5rem 1rem;
      font-size: .85em; }

.twoColsLayout h3 {
  font-size: 2vw;
  line-height: 1.1em;
  margin-bottom: 4rem;
  padding-top: 4rem; }
  .twoColsLayout h3 span {
    display: block;
    clear: both;
    height: 2px;
    width: 60px;
    background-color: #000000;
    margin-top: 2rem; }

.twoColsLayout article {
  padding: 0rem 8rem 7rem 4rem; }

.twoColsLayout .invertText h1, .twoColsLayout .invertText h2, .twoColsLayout .invertText h3, .twoColsLayout .invertText h4, .twoColsLayout .invertText h5, .twoColsLayout .invertText h6, .twoColsLayout .invertText p, .twoColsLayout .invertText li, .twoColsLayout .invertText a {
  color: white; }
  .twoColsLayout .invertText h1 span, .twoColsLayout .invertText h2 span, .twoColsLayout .invertText h3 span, .twoColsLayout .invertText h4 span, .twoColsLayout .invertText h5 span, .twoColsLayout .invertText h6 span, .twoColsLayout .invertText p span, .twoColsLayout .invertText li span, .twoColsLayout .invertText a span {
    background-color: white; }

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width: 320px) and (max-width: 736px) {
  .twoColsLayout .colItemsWrap {
    -webkit-column-count: 1;
    /* Chrome, Safari, Opera */
    -moz-column-count: 1;
    /* Firefox */
    column-count: 1; }
  .twoColsLayout h3 {
    font-size: 5.2vw;
    line-height: 1.3em;
    padding-top: 2rem; }
  .twoColsLayout article {
    padding: 1.7rem; } }