@font-face {
  font-family: 'ralewayregular';
  src: url("../fonts/raleway-regular-webfont.eot");
  src: url("../fonts/raleway-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway-regular-webfont.woff2") format("woff2"), url("../fonts/raleway-regular-webfont.woff") format("woff"), url("../fonts/raleway-regular-webfont.ttf") format("truetype"), url("../fonts/raleway-regular-webfont.svg#ralewayregular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'ralewaymedium';
  src: url("../fonts/raleway-medium-webfont.eot");
  src: url("../fonts/raleway-medium-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway-medium-webfont.woff2") format("woff2"), url("../fonts/raleway-medium-webfont.woff") format("woff"), url("../fonts/raleway-medium-webfont.ttf") format("truetype"), url("../fonts/raleway-medium-webfont.svg#ralewaymedium") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'ralewaymedium_italic';
  src: url("../fonts/raleway-mediumitalic-webfont.eot");
  src: url("../fonts/raleway-mediumitalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway-mediumitalic-webfont.woff2") format("woff2"), url("../fonts/raleway-mediumitalic-webfont.woff") format("woff"), url("../fonts/raleway-mediumitalic-webfont.ttf") format("truetype"), url("../fonts/raleway-mediumitalic-webfont.svg#ralewaymedium_italic") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'libre_baskervilleregular';
  src: url("../fonts/librebaskerville-regular-webfont.eot");
  src: url("../fonts/librebaskerville-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/librebaskerville-regular-webfont.woff2") format("woff2"), url("../fonts/librebaskerville-regular-webfont.woff") format("woff"), url("../fonts/librebaskerville-regular-webfont.ttf") format("truetype"), url("../fonts/librebaskerville-regular-webfont.svg#libre_baskervilleregular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

/* media query mixin */
/* colours */
/* fonts */
/* media queries */
/* spacing */
h1 {
  font-family: "libre_baskervilleregular", serif;
  font-weight: normal;
  color: #FFFFFF;
  margin: 256px 0 16px 0; }
  @media (min-width: 768px) {
    h1 {
      margin-top: 64px; } }
  

h2 {
  font-family: "ralewayregular", sans-serif;
  font-weight: normal;
  margin: 0 0 32px 0; }
  @media (min-width: 768px) {
    h2 {
      margin: 0; } }
  header h2 {
    color: #FFFFFF;
    display: inline-block; }

h3 {
  font-family: "ralewaymedium", sans-serif;
  font-size: 16px;
  margin: 32px 0 8px 0; }
  section h3 {
    font-family: "ralewaymedium_italic", sans-serif; }

p, ul {
  display: block;
  font-family: "ralewayregular", sans-serif;
  font-size: 16px;
  line-height: 24px;
  margin: 0 0 8px 0; }
  
  p.social, ul.social {
    margin-top: 0px; }

section ul {
  list-style: none;
  padding: 0; }

a {
  color: #519e8a;
  text-decoration: none; }

header {
  background: #519e8a;
  padding: 32px 32px 0 32px; }
  @media (min-width: 768px) {
    header {
      padding: 64px; } }

.logo img {
  width: 64px; }
  @media (min-width: 768px) {
    .logo img {
      width: 128px; } }

article {
  padding: 16px 32px 32px 32px; }
  @media (min-width: 768px) {
    article {
      padding: 64px;
       } }

@media (min-width: 768px) {
  section {
    clear: none;
    float: left;
    margin-right: 128px; }
    section:last-child {
      margin-right: 0; } }

.row {
  border-bottom: 1px solid #DEDEDE;
  padding-bottom: 32px;
  overflow: auto; }
  .row:after {
    content: "";
    clear: both;
    display: table; }

html, body {
  background-color: white;
  color: #302D2D;
  margin: 0; }