body {
  padding-top: 0; }

.masthead.dark, .masthead.light {
  position: relative;
  margin-bottom: -108px; }
  .masthead.dark .masthead-logo, .masthead.light .masthead-logo {
    width: 10%;
    height: 0;
    padding-top: 10.1%; }

.masthead.dark {
  background: transparent;
  border-bottom: none; }
  .masthead.dark .masthead-logo {
    filter: invert(100%); }
  .masthead.dark .mainnav-group .txt {
    filter: invert(100%); }
  .masthead.dark .mainnav-group .icn:after {
    filter: invert(100%); }
  .masthead.dark .masthead-shortcuts .btn-primary .txt {
    filter: invert(100%); }
  .masthead.dark .masthead-shortcuts .btn-secondary i {
    filter: invert(100%); }

.masthead.light {
  background: transparent;
  border-bottom: none; }
  .masthead.light .masthead-logo {
    filter: invert(0); }
  .masthead.light .mainnav-group .txt {
    filter: invert(0); }
  .masthead.light .mainnav-group .icn:after {
    filter: invert(0); }
  .masthead.light .masthead-shortcuts .btn-secondary i {
    filter: invert(0); }

.index-hero {
  margin-left: auto;
  margin-right: auto;
  max-width: 1208px; }

@media screen and (min-width: 1210px) {
  .masthead.dark .grid-centre, .masthead.light .grid-centre {
    max-width: 1208px; }
  .masthead.dark ~ .index-hero, .masthead.light ~ .index-hero {
    max-width: 1208px; } }

@media screen and (min-width: 1360px) {
  .masthead.dark .grid-centre, .masthead.light .grid-centre {
    max-width: 1358px; }
  .masthead.dark ~ .index-hero, .masthead.light ~ .index-hero {
    max-width: 1358px; } }

@media screen and (min-width: 1502px) {
  .masthead.dark .grid-centre, .masthead.light .grid-centre {
    max-width: 1500px; }
  .masthead.dark ~ .index-hero, .masthead.light ~ .index-hero {
    max-width: 1500px; } }

@media screen and (min-width: 1602px) {
  .masthead.dark .grid-centre, .masthead.light .grid-centre {
    max-width: 1600px; }
  .masthead.dark ~ .index-hero, .masthead.light ~ .index-hero {
    max-width: 1600px; } }

@media screen and (min-width: 1702px) {
  .masthead.dark .grid-centre, .masthead.light .grid-centre {
    max-width: 1700px; }
  .masthead.dark ~ .index-hero, .masthead.light ~ .index-hero {
    max-width: 1700px; } }

@media screen and (min-width: 1802px) {
  .masthead.dark .grid-centre, .masthead.light .grid-centre {
    max-width: 1800px; }
  .masthead.dark ~ .index-hero, .masthead.light ~ .index-hero {
    max-width: 1800px; } }

.heroslider.pos-index .btn-slidenext {
  margin-right: 0;
  background-color: rgba(0, 0, 0, 0.5); }

.heroslider.pos-index .btn-slideprev {
  margin-left: 0;
  background-color: rgba(0, 0, 0, 0.5); }