.banner{
  position: absolute;
  left: 0;
  right: 0;
  height: 75vh;
  background-position: center;
  background-size: cover;
}
.banner .bannerContent{
  width: 500px;
  margin-top: 50px;
  margin-left: 50px;
  padding: 10px 30px;
  border-radius: 5px;
  background-color: rgba(255,255,255,0.7);
  transition: all 0.4s;
}

.banner .bannerContent h1{
  font-weight: normal;
  color: #00568a;
  font-size: 20pt;
}

.bannerSpacer{
  width: 100%;
  height: 77vh;
}
@media screen and (max-height: 700px) {
  .bannerContent{
    margin: 0 !important;
    width: 70% !important;
  }
}
@media screen and (max-width: 1070px) {
  .banner{
    top: -50px !important;
  }
  .bannerContent{
    width: 70% !important;
  }
}
@media screen and (max-width: 870px) {
  .bannerContent{
    margin: 0 !important;
    width: auto !important;
    border-radius: 0 !important;
  }
  .banner{
    height: auto !important;
  }
  .bannerSpacer{
    height: 400px !important;
  }
}
@media screen and (max-width: 750px) {
  .bannerSpacer{
    height: 450px !important;
  }
}
@media screen and (max-width: 600px) {
  .bannerSpacer{
    height: 500px !important;
  }
}
@media screen and (max-width: 550px) {
  .bannerSpacer{
    height: 550px !important;
  }
}


/*About*/
.splitBanner{
  display: flex;
  background-color: #00568a;
}
.splitBanner > div{
  width: 50%;
  color: #fff;
  padding: 5%;
  background-position: center;
  background-size: cover;
}
.splitBanner div h1{
  font-weight: normal;
}
.splitBanner div h1 span{
  font-family: 'Crimson Text', serif;
  font-style: normal;
  font-weight: normal;
  font-size: 29pt;
}
.twoCol{
  display: flex;
  margin: 30px 0;
}
.twoCol > div{
  width: 50%;
  padding: 5%;
}
.TagLine{
  margin-top: -30px;
  font-size: 11pt;
}
.aboutSplit{
  margin-top: -31px !important;
}
.aboutIcon{
  width: 50px;
  padding: 30px;
  margin-left: 43%;
}
.colourInvers{
  background-color: #fff;
}
.colourInvers > div{
  color: #666 !important;
}


@media screen and (max-width: 750px) {
  .splitBanner, .twoCol{
    display: block !important;
  }
  .splitBanner > div, .twoCol > div{
    width: auto !important;
    padding: 30px !important;
  }
}