/*
 * Responsive
 */
@media only screen and (max-width: 890px) {
  .signoffCopy, .signoffCTA, .contactContainer .footerCopy p {
    width: 100%;
  }
  .signoffCTA {
    text-align: left;
    padding-left: 11%;
  }

}

@media only screen and (max-width: 768px) {

  h1 {
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 7px;
    margin-top: 0;
  }
  h1.firstLine {
    font-size: 24px;
    padding: 0;
    letter-spacing: 7px;
  }
  h2 {
    font-size: 36px;
    line-height: 46px;
    margin-bottom: 10px;
  }
  h3 {
    font-size: 26px;
    line-height: 32px;
    margin-bottom: 10px;
  }
  h4 {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 10px;
    margin-top: 0;
  }
  h6, .h6 {
    font-size: 20px;
    line-height: 45px;
  }
  .menu-header-container li {
    display: block;
  }
  .wpcf7-acceptance span.wpcf7-list-item-label {
    font-size: 20px;
  }
  .wpcf7-acceptance span.wpcf7-list-item {
    display: inline-block;
  }
  .wpcf7-form-control-wrap input, .wpcf7-form-control-wrap select {
    line-height: 40px;
    -webkit-appearance: none;
    -webkit-border-radius:0px;
  }
  input.wpcf7-form-control.wpcf7-number.wpcf7-validates-as-number.whiteField {
    width: 40px;
  }
  p {
    font-size: 16px;
    line-height: 24px;
  }
  p.heroDate {
    margin-right: 0;
    padding-right: 5px;
    font-size: 12px;
  }
  .footNotes, .footNotes p {
    line-height: 18px;
  }
  q, q span, .quoteContainer q {
    font-size: 26px;
    line-height: 38px;
  }
  .footerLogoName {
    font-size: 18px;
    letter-spacing: 8px;
  }
  .footerLogoSubline {
    font-size: 14px;
  }

  .quote .quoteMarks {
    width: 30px;
    height: 30px;
    background-size: 30px;
    margin-bottom: 10px;
  }

  a.buttonCTA, #mc_embed_signup input[type="submit"], .wpcf7-submit {
    margin-top: 20px;
    font-size: 12px;
    padding-bottom: 10px;
    letter-spacing: 2px;
  }

  hr {
    margin: 30px 0;
  }

  .introCopy {
    padding: 8% 0 10% 0;
  }
  .blueBG.mobileHeroOveray {
    margin-top: -30%;
    padding-top: 30%;
  }

  .leftCopy, .leftCopy.FPLeft {
    padding: 30px 15px 40px 15px;
  }
  .rightImage, .rightImage.imageSlider {
    margin: 0;
    padding: 0 15px 15px;
  }
  .rightImage.google-maps {
    padding-bottom: 50vh;

  }
  ..rightImage.imageSlider {
    padding: 0;
  }
  .secondColumn {
    margin-top: 15px;
  }
  .quoteContainer .col-xs-offset-2 {
    margin-left: 0;
  }
  .componentContainer {
    padding: 20px 20px 30px;
  }
  .componentContainer h2 {
    width: 100%;
  }
  .contactCards {
    margin-left: 0;
  }
  .col-sm-4 {
    width: 100%;
  }
  .contactCards .col-sm-4 {
    padding: 8px 0;
  }
  .contactCards .cards .cardContent {
    padding: 25px;
  }
  .overlaySpacingTop .overlaySpacingBottom, .topIndent {
    padding: 0 !important;
    margin: 0 !important;
  }
  .siteFooter .container {
    width: 90%;
  }
  #mc_embed_signup form {
    padding: 0;
  }
  .footerWidgets:last-child {
    margin-top: 50px;
  }
  .footNotes {
    padding-top: 20px;
  }
  .siteFooter .menu-item a {
    font-size: 14px;
  }
  .siteFooter .facebookCTA {
    margin-top: 20px;
  }
  .enterATeam {
    margin: 0;
    padding: 0 15px;
  }
  .signoffCopy {
    width: 100%;
  }
  .wp-block-columns {
    display: inline-block;
  }
  /*.signoffCTA {
    display: block;
    width: 100%;
    text-align: left;
    padding-left: 10%;
  }*/
  /*.signoffCopy .wavesIntro.columnContent {
    width: 10%;
  }
  .signoffCopy .columnContent {
    width: 80%;
  }*/
  .signoffCTA {
    display: block;
    width: 100%;
    text-align: left;
    padding-left: 0;
  }
  .signoffCopy .wavesIntro.columnContent {
    display: none;
  }
  .signoffCopy .columnContent {
    width: 100%;
  }
  .wavesIntro.columnContent img {
    width: 100%;
    max-width: 70%;
    height: auto;
  }
  .heroBanner {
    padding-right: 20px;
    padding-top: 20px;
  }
  .slideDescription {
    top: 10%;
    right: 25px;
    width: 85%;
  }
  .home .slideDescription {
    top: 10%;
  }
  .home .slideContent.slick-slide {
    height: 70vh;
  }
  .wavesOverlay {
    right: 5px;
    top: 50px;
  }
  .wavesOverlay img {
    width: 40%;
  }
  .paddingBTM25 {
    padding-bottom: 10%;
  }
  .col-sm-4.charityItem {
    width: 100%;
  }
  .col-xs-offset-2 {
    margin-left: 0;
  }
  .quote {
    padding: 30px 0;
  }
  .inpageSlider.slick-slider {
    margin-left: 15px;
  }
  .inpageSlider .slideContent.slick-slide {
    height: 80vh;
  }
  .meetTheTeam h3 {
    margin: 15px 0 5px 0;
  }
  .profileCopy {
    padding-bottom: 30px;
  }
  footer .menu-header-container, footer .footerLogo/*, footer .footerWidgets:first-child*/ {
    display: none;
  }
  .contactCards.noLeft {
    margin-left: 0;
  }
  span.wpcf7-list-item-label {
    padding-left: 30px;
  }
  span.wpcf7-list-item {
    display: block;
    width: 100%;
    margin-bottom: 20px;
  }
  .wpcf7-textarea {
    width: 100%;
  }
  .imageGrid {
    display: none;
  }
  .sponsorsContainer {
    padding: 8% 0;
    margin: 0;
  }
  .contributorContainer {
    margin: 0;
    padding: 8% 0;
  }
  .sixtyBottom {
    padding-bottom: 6%;
  }
  .birthday {
    display: none;
  }
  .birthday.mobileBday {
    display: block;
  }
  .sponsorLogos .col-sm-2 {
    width: 49%;
    display: inline-block;
  }
  .container.faqSections .col-sm-4 .uk-sticky-fixed {
    background-color: #fff;
    z-index: 99;
    margin-top: -20px;
    padding: 20px 0 10px 0;
  }
  .container.faqSections {
    margin-bottom: 16%;
  }
  .container.video {
    margin-bottom: 30px;
  }
  .meetTheTeam {
    padding-bottom: 0;
  }
  .historyFacts .col-sm-4 {
    padding-bottom: 20px;
  }
  .historyFacts .col-sm-4:last-child {
    padding-bottom: 0;
  }
  .quoteContainer .slick-slide {
    height: auto;
  }
}



@media only screen and (min-width: 800px){
  .blog-masthead{
      display: block !important;
  }
  .mobileMenu{
      display: none !important;
  }
  .container {
    width: 82%;
    margin: 0 6% 0 12%;
    padding: 0;
    z-index: 2;
    position: relative;
  }
  .containerCentre {
    margin: 0 12%;
  }
  .quoteContainer {
    padding: 8% 0;
  }
  div.overlaySpacingBottom {
    margin-bottom: -20% !important;
    padding-bottom: 20% !important;
  }
  div.overlaySpacingTop {
    margin-top: -20% !important;
    padding-top: 20% !important;
    z-index: 1;
  }
  div.overlaySpacingTopLarge {
    margin-top: -30% !important;
    padding-top: 35% !important;
    z-index: 1;
  }
  div.topPadding {
    padding-top: 20%;
  }
  #sponsors {
    padding-top: 5%;
  }
  .footerSpacing {
    padding: 0 0 4% 0;
  }
}

@media only screen and (max-width: 799px){
    .blog-masthead{
        display: none !important;
    }
    .mobileMenu{
        display: block !important;
    }
    .video {
      padding-bottom: 4%;
    }
    #vidBackground {
      display: none;
    }
    .rightHalf {
      display: none;
    }
    .splitColumns {
      display: block;
    }
    .loginContainer, .page__content {
      padding: 10%;
    }
    .returnNavigation {
      height: 45px;
    }
}

@media only screen and (max-width: 450px){
  .mobileMenu .mainLogo img {
    width: 50%;
    margin-top: 5px;
  }
}