/* Base Colour */
/* Brand Colours */
html { font-size: 62.5%; }

body { margin: 0; padding: 0; font-family: "Comfortaa", Arial; font-size: 16px; font-size: 1.6rem; color: #333; }

*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

img { max-width: 100%; }

h1, h2, h3, h4, h5, h6 { margin: 0 0 20px; font-family: "Comfortaa", Arial; color: #2f6d7a; font-weight: normal; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #2f6d7a; text-decoration: none; }

h1 { margin: 0 0 15px; padding: 0; font-size: 50px; font-size: 5.0rem; line-height: 52px; }

h3 { margin: 0 0 20px; padding: 0 0 5px; }

p { margin: 0 0 15px; padding: 0; line-height: 18px; }

.logo { font-size: 32px; font-size: 3.2rem; font-weight: bold; float: left; color: #1b1e26; }

.main-padding { padding: 10px 10px 10px 0; }

.divider { padding: 0 0 10px; margin: 0 0 15px; border-bottom: 1px solid #587498; }

body { margin: 0; padding: 0; }

.container { margin: 20px auto 0; padding: 0; width: 100%; }

.title-block { margin: 0 0 0 10px; width: 200px; font-size: 50px; font-size: 5.0rem; line-height: 0.8em; color: #173DB2; float: left; }

header { margin: 0 3%; width: 94%; max-width: 1200px; overflow: hidden; }

.banner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; width: 100%; min-height: 200px; background: rgba(23, 61, 178, 0.9); color: #fff; font-size: 7rem; text-align: center; justify-content: center; align-items: center; clear: both; }

.hamburger-menu { position: absolute; top: 20px; right: 20px; width: 32px; height: 32px; cursor: pointer; text-indent: -9999px; background: url(../../build/img/hamburger.svg) no-repeat 0 0; }

nav { position: relative; padding: 20px 0; clear: both; }
nav ul { margin: 0; padding: 0; }
nav ul li { margin: 0; padding: 0; list-style-type: none; border-bottom: 1px solid #173DB2; }
nav ul li:first-child { border-top: 1px solid #173DB2; }
nav ul li a { display: block; padding: 10px 15px; text-decoration: none; }
nav ul li a:hover { background: #173DB2; color: #fff; }
nav ul li a.active { color: #fff; background: #173DB2; }

.summary { margin: 2em 0 0; width: 100%; }

section { margin: 0 3%; width: 94%; }
section .block { margin: 2em 0 0 0; padding: 20px; width: 100%; background: rgba(204, 204, 204, 0.2); }

footer { margin: 3% 0; padding: 1% 3%; width: 100%; font-size: 1.2rem; text-align: right; overflow: hidden; clear: both; border-top: 1px solid #173DB2; }

@media screen and (min-width: 700px) { header { margin: 0 3% 20px; }
  nav { clear: none; float: right; }
  nav ul li { float: left; border: 0; }
  nav ul li:first-child { border-top: 0; }
  .summary { width: 80%; }
  section { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; margin: 0 3%; padding: 0; width: 94%; max-width: 1200px; justify-content: center; }
  section .block { margin: 2em 0 0 0; padding: 20px; width: 30%; background: rgba(204, 204, 204, 0.2); }
  section .block:not(:last-child) { margin-right: 5%; } }