html, body, .colblock, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote,
pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s,
samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, th, article,
aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav,
output, ruby, section, summary, time, mark, audio, video, p {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  line-height: 1.5em; }

html {
  font-size: 16px;
  /* To make sure that our "rem" sizing works properly. */ }

body {
  font-size: 100%; }

article, aside, details, figcaption, figure, footer, header, menu, nav, section {
  display: block; }

a:active {
  outline: none; }

:focus {
  -moz-outline-style: none;
  outline: none; }

blockquote, q {
  quotes: none; }

blockquote::before, blockquote::after, q::before, q::after {
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/* Removing the 'custom' appearance of form fields to resemble native form fields on webkit devices. */
textarea, input[type="text"], input[type="number"], input[type="date"],
input[type="email"], input[type="password"], input[type="search"], input[type="submit"],
input[type="tel"], button {
  -webkit-appearance: none; }

input, textarea, select {
  border-radius: 0; }

/* Make sure all form elements inherit the font-family set on page level. */
input, textarea, select, option, button {
  font-family: inherit; }

/* Primary palette. */
/* Grey palette. */
/* Secondary palette. */
/**
 * Apply the content that is between the brackets of the mixin usage only for the
 * breakpoint(s) that are included in the arguments.
 * @param {...String} $Arguments
 */
/**
 * Apply box-shadow based on a desired percepted height of the element
 * @param {String} $Height
 */
/* Primary palette. */
/* Grey palette. */
/* Secondary palette. */
/**
 * Get font size and corresponding line-height for preset sizes.
 * @param {String} $Size
 */
/**
 * Get heading size and corresponding breakpoint-dependant line-height for preset
 * sizes.
 * @param {String} $Size
 */
/**
 * Get heading size and corresponding breakpoint-dependant line-height for preset
 * BNW text styles.
 * @param {String} $Style
 */
/**
 * Get the areas values in rems based on four the dimentions,
 * and the maximum amout of dimentions is four.
 * @param {list} $Args [0]
 * @return {number | list}
 */
/**
 * @param {list} $args [0]
 */
/**
 * @param {list} $args [0]
 */
body {
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  -webkit-text-size-adjust: none;
  color: #05293C;
  background-color: #FFFFFF;
  /* Standard hyperlink styling. */ }
  body h1, body h2, body h3, body h4, body h5, body h6 {
    margin:  0 0 0.5rem;
    color: #05293C;
    font-weight: normal; }
  body h1 {
    font-size: 2.125rem;
    line-height: 3rem; }
  body h2 {
    font-size: 1.6875rem;
    line-height: 2.5rem;
    /* 480px / 16px = 30rem */
    /* 480px / 16px = 30rem */ }
    @media all and (max-width: 480px) {
      body h2 {
        font-size: 1.1875rem;
        line-height: 1.5rem; } }
    @media all and (min-width: 481px) and (max-width: 768px) {
      body h2 {
        font-size: 1.1875rem;
        line-height: 1.5rem; } }
  body h3 {
    font-size: 1.3125rem;
    line-height: 2rem; }
  body h4 {
    font-size: 1.1875rem;
    line-height: 1.5rem; }
  body h5 {
    font-size: 1.0625rem;
    line-height: 1.5rem;
    font-weight: 600; }
  body h6 {
    font-size: 0.9375rem;
    line-height: 1.5rem;
    font-weight: 600; }
  body a {
    color: #1E8558;
    text-decoration: none; }
    body a:hover {
      text-decoration: underline; }
  body p {
    margin:  0 0 0.5rem; }
  body abbr {
    text-decoration: none;
    cursor: help;
    border-bottom: 1px dotted;
    /* Hack to not show a line on 'touch' devices (to avoid confusion since they won't hover to see more) */
    /* 480px / 16px = 30rem */
    /* 480px / 16px = 30rem */ }
    @media all and (max-width: 480px) {
      body abbr {
        border-bottom: 0; } }
    @media all and (min-width: 481px) and (max-width: 768px) {
      body abbr {
        border-bottom: 0; } }

.Hidden {
  display: none !important; }