body {
  font-family: sans-serif;
  color: #616466;
  text-align: justify;
  line-height: 1.5;
  font-size: 1.2em;
  transition: all 500ms cubic-bezier(0.115, 0, 0, 1); }
  body > section {
    padding: 1vh 10vw; }
  @media (orientation: landscape) and (min-width: 1441px) {
    body {
      padding: 0 10vw; } }

hr {
  border-color: inherit; }

h1, h2 {
  line-height: 1.2; }
  h1 strong, h2 strong {
    display: block;
    font-size: 1.6em;
    line-height: 1.2; }

@media (orientation: landscape) and (max-width: 767px) {
  article {
    text-align: initial; } }

footer {
  text-align: center; }

a:link,
a:visited {
  color: inherit;
  text-decoration: none; }

.green1 {
  background-color: #8fba39;
  color: white; }

.green2 {
  background-color: #b6c891; }

.hidden {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px); }

#branding {
  position: relative; }
  #branding .logo {
    position: absolute;
    width: 10vw;
    height: 10vw;
    top: 8%;
    left: 9.5%; }
    @media (orientation: landscape) and (min-width: 1441px) {
      #branding .logo {
        left: 11.5%; } }
  #branding .background {
    object-fit: cover;
    width: 100%; }
  #branding .banner {
    position: absolute;
    bottom: 0;
    color: white;
    background-color: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 1.2em;
    font-size: 6.5vw; }
    #branding .banner .slogan {
      width: 100%;
      text-align: center;
      font-size: 0.78em; }
    @media (orientation: landscape) and (min-width: 1441px) {
      #branding .banner {
        font-size: 4.8vw; } }

#branding .menu {
  color: white;
  position: absolute;
  right: 10vw;
  top: 15%;
  font-size: 0.9em; }
  @media (orientation: portrait) and (max-aspect-ratio: 3 / 4) {
    #branding .menu {
      display: none; } }
  @media (orientation: landscape) and (min-width: 1441px) {
    #branding .menu {
      font-size: 1em; } }

#footnote {
  font-size: 0.7em; }

#call-to-action {
  background-color: white;
  color: #555555;
  text-align: center;
  font-size: 2em;
  padding: 1vh; }
  #call-to-action .fa {
    color: #8fba39; }

#contact-details {
  padding: 1em 0;
  position: relative;
  width: 12.5em;
  left: calc(50% - 6.25em);
  text-align: left; }

/*# sourceMappingURL=site_wide.css.map */
