p {
  color: #333;
}
/* Colours */
.blue {
  background: #0498cd;
}
.blue-text, .blue-text * {
  color: #0498cd;
}
.light-blue {
  background: #cdecf8;
}
.light-blue-text, .light-blue-text * {
  color: #cdecf8;
}
.light-green {
  background: #e5f2cd;
}
.light-green-text, .light-green-text * {
  color: #e5f2cd;
}

.medium-grey {
  background: #e2e2e2;
}

p a.white-link { color: #fff !important; }
p a.black-link { color: #333333 !important; }


/* Grid */
.flex-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.flex-container > .col {
  padding: 30px;
  margin-bottom: 22px;
}

.p-0 { padding: 0 !important; }
.m-0 { margin: 0 !important; }

.pb-0 { padding-bottom: 0 !important; }
.mb-0 { margin-bottom: 0 !important; }

.pt-0 { padding-top: 0 !important; }
.mt-0 { margin-top: 0 !important; }

.pt-s { padding-top: 15px !important; }
.mt-s { margin-top: 15px !important; }

.col.full { width: 100%; }

.flex-container > .full-lg { flex: 0 100% }
.flex-container > .quarter-lg { flex: 0 calc( 25% - 16px ) }
.flex-container > .half-lg { flex: 0 calc( 50% - 11px ) }

@media screen and ( max-width : 961px ) {
  .flex-container > .full-md { flex: 0 100% }
  .flex-container > .quarter-md { flex: 0 calc( 25% - 16px ) }
  .flex-container > .half-md { flex: 0 calc( 50% - 11px ) }
}

@media screen and ( max-width : 767px ) {
  .flex-container > .full-sm { flex: 0 100% }
  .flex-container > .quarter-sm { flex: 0 calc( 25% - 16px ) }
  .flex-container > .half-sm { flex: 0 calc( 50% - 11px ) }
}

.mw-500 {
  display: inline-block;
  position: relative;
  max-width: 500px;
}


/* Overwrites etc */
h2 {
  max-width: 990px;
}

img.fit {
  display: block;
  width: 100%;
  height: auto;
}

.inline-title {
  position: relative;
  background: #fff !important;
  max-width: unset !important;
  margin: -30px 0 30px -30px !important;
  width: calc( 100% + 60px);
  padding: 30px 30px  20px 30px !important;
}


/* Banner Section */
.banner-section-content {
  flex: 0 60%;
  padding-right: 40px;
}
.banner-section-image {
  flex: 0 36%;
}
@media screen and ( max-width: 767px ) {
  .banner-section-content {
    flex: 0 100%;
    padding-right: 0;
    padding-bottom: 40px;
  }
  .banner-section-image {
    flex: 0 100%;
  } 
}

.banner-section-content h1 {
  color: #80bd01;
  font-size: 63px;
    font-family: 'FS Clerkenwell';
    text-transform: initial;
    letter-spacing: 0px;
    font-style: oblique;
    font-weight: 100;
    width: 100%;
    max-width: 100%;
    padding-top: 0;
    background: none !important;
}


h2.large {
  font-size: 36px;
}


/* Social Buttons */
ul#social {
  margin-bottom: 40px !important;
}
ul#social li:not(:first-child) {
  display: inline;
  float: left;
}
ul#social li a {
  display: block;
  height: 34px;
  width: 34px;
  border-radius: 50%;
  background: #80bd01;
  margin-right: 24px;
  text-align: center;
  line-height: 34px !important;
  color: #333333;

  margin-top: 20px;
}
ul#social li a i {
  font-size: 18px !important;
  padding: 0 !important;
  margin: 11px 0 0 0 !important;
}

div.green.col p {
  color:#333!important;
}