/* 

\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\
=======================================================================================
NORMALIZE.CSS
The styles below are the full normalize.css dropped into a .scss file.
If upgrading normalize, replace everything below.
=======================================================================================

*/
/* normalize.css v2.1.3 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
/* line 34, scss/_0_normalize.scss */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
/* line 44, scss/_0_normalize.scss */
audio,
canvas,
video {
  display: inline-block;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
/* line 53, scss/_0_normalize.scss */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
/* line 64, scss/_0_normalize.scss */
[hidden],
template {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
/* line 78, scss/_0_normalize.scss */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove default margin.
 */
/* line 88, scss/_0_normalize.scss */
body {
  margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
/* line 100, scss/_0_normalize.scss */
a {
  background: transparent;
}

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
/* line 108, scss/_0_normalize.scss */
a:focus {
  outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
/* line 117, scss/_0_normalize.scss */
a:active,
a:hover {
  outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
/* line 130, scss/_0_normalize.scss */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
/* line 139, scss/_0_normalize.scss */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
/* line 148, scss/_0_normalize.scss */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */
/* line 156, scss/_0_normalize.scss */
dfn {
  font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */
/* line 164, scss/_0_normalize.scss */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */
/* line 174, scss/_0_normalize.scss */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
/* line 186, scss/_0_normalize.scss */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */
/* line 195, scss/_0_normalize.scss */
pre {
  white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */
/* line 203, scss/_0_normalize.scss */
q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
/* line 211, scss/_0_normalize.scss */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
/* line 220, scss/_0_normalize.scss */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

/* line 227, scss/_0_normalize.scss */
sup {
  top: -0.5em;
}

/* line 231, scss/_0_normalize.scss */
sub {
  bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
/* line 243, scss/_0_normalize.scss */
img {
  border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */
/* line 251, scss/_0_normalize.scss */
svg:not(:root) {
  overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
/* line 263, scss/_0_normalize.scss */
figure {
  margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
/* line 275, scss/_0_normalize.scss */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
/* line 286, scss/_0_normalize.scss */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
/* line 300, scss/_0_normalize.scss */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
/* line 312, scss/_0_normalize.scss */
button,
input {
  line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
/* line 324, scss/_0_normalize.scss */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
/* line 339, scss/_0_normalize.scss */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
/* line 349, scss/_0_normalize.scss */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
/* line 359, scss/_0_normalize.scss */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
/* line 370, scss/_0_normalize.scss */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
/* line 383, scss/_0_normalize.scss */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
/* line 392, scss/_0_normalize.scss */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
/* line 402, scss/_0_normalize.scss */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
/* line 415, scss/_0_normalize.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* 

\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\
=======================================================================================
SASS VARIABLES
These variables are used throughout the template. If you are customing this template, 
you should first customize these styles. They will provide you with considerable
visual distinction. If you need customize it beyond these variables, edit _theme.scss
with your overrides.
=======================================================================================

*/
/* 

\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\
=======================================================================================
SASS MIXINS
These mixins are used throughout the template. If you are customing this template, you
shouldn't need to edit this file. 
=======================================================================================

*/
/* 

\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\
=======================================================================================
BASE TYPOGRAPHIC STYLES
These styles establish the base typography rythmns after normalize.css
has standardized display.
======================================================================================= 

*/
/* line 15, scss/_3_base.scss */
html {
  font-size: 19.8px;
}
@media only screen and (min-width: 60em) {
  /* line 15, scss/_3_base.scss */
  html {
    font-size: 18px;
  }
}

/* line 23, scss/_3_base.scss */
body {
  color: #555555;
  font-family: "news-gothic-std", sans-serif;
  font-weight: 400;
  line-height: 1.5;
  background-color: white;
}

/* line 31, scss/_3_base.scss */
a {
  color: #5aa4d3;
  text-decoration: none;
}
/* line 35, scss/_3_base.scss */
a:visited {
  color: #7f9cae;
}
/* line 39, scss/_3_base.scss */
a:hover, a:visited:hover {
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  color: #2f7fb1;
}

/* line 46, scss/_3_base.scss */
h1, h2, h3, h4, h5 {
  font-family: "news-gothic-std", sans-serif;
  font-weight: 700;
  font-style: normal;
  margin: 1.5rem 0 1.5rem;
}

/* line 53, scss/_3_base.scss */
h1 {
  font-size: 2.441rem;
  line-height: 1;
  margin: 1em 0 1rem;
}

/* line 59, scss/_3_base.scss */
h2 {
  font-size: 1.953rem;
  line-height: 1.2;
}

/* line 64, scss/_3_base.scss */
h3 {
  font-size: 1.563rem;
  line-height: 1.3;
}

/* line 69, scss/_3_base.scss */
h4 {
  font-size: 1.25rem;
  line-height: 1.3;
}

/* line 74, scss/_3_base.scss */
h5 {
  font-size: 1rem;
  font-weight: bold;
  margin: 1em 0 1rem;
}

/* line 80, scss/_3_base.scss */
ul, ol {
  margin: 0;
  padding: 0;
}

/* line 85, scss/_3_base.scss */
.block-margins, p, code, ul, ol {
  margin: 0;
  padding: 0;
  padding-bottom: 1.5rem;
}

/* line 95, scss/_3_base.scss */
figure {
  padding-bottom: .5rem;
}
/* line 98, scss/_3_base.scss */
figure figcaption {
  margin: 0;
  padding: 0;
}

/* line 104, scss/_3_base.scss */
ul {
  margin-left: 1.825em;
}

/* line 109, scss/_3_base.scss */
ol {
  padding-left: 0em;
  margin-left: 1.5em;
}
/* line 114, scss/_3_base.scss */
ol ol, ol ol ol, ol ol ol ol {
  margin-left: 0;
  padding-bottom: 0;
  padding-left: 1.5em;
}
/* line 120, scss/_3_base.scss */
ol li {
  padding-bottom: .375em;
}
/* line 124, scss/_3_base.scss */
ol li li, ol li li li {
  padding-bottom: 0;
}

/* line 129, scss/_3_base.scss */
ol.nested-numbers {
  margin-left: 0;
  counter-reset: item;
}
/* line 133, scss/_3_base.scss */
ol.nested-numbers li {
  display: block;
}
/* line 137, scss/_3_base.scss */
ol.nested-numbers li:before {
  content: counters(item, ".") " ";
  counter-increment: item;
  padding-right: .5em;
}

/* line 143, scss/_3_base.scss */
blockquote {
  font-size: 110%;
  padding: 0;
  margin: 0;
  margin-bottom: 1.75rem;
}

/* line 150, scss/_3_base.scss */
dt {
  font-weight: 700;
}

/* line 153, scss/_3_base.scss */
dd {
  margin: 0;
}

/* line 157, scss/_3_base.scss */
address {
  font-style: normal;
}

/* line 161, scss/_3_base.scss */
.text-left, table, table caption {
  text-align: left !important;
}

/* line 165, scss/_3_base.scss */
.text-center {
  text-align: center !important;
}

/* line 169, scss/_3_base.scss */
.text-right {
  text-align: right !important;
}

/* line 173, scss/_3_base.scss */
.quiet {
  color: #a2a2a2;
}

/* line 177, scss/_3_base.scss */
.small {
  font-size: .75em;
}

/* line 181, scss/_3_base.scss */
.loud {
  color: #3b3b3b;
}

/* line 185, scss/_3_base.scss */
strong {
  font-weight: 700;
}

/* line 189, scss/_3_base.scss */
em {
  font-style: italic;
}

/* line 193, scss/_3_base.scss */
.fixed, code {
  font-family: "Courier", monospace;
  font-size: 15px;
  line-height: 1.6;
}

/* line 199, scss/_3_base.scss */
code {
  background-color: #ecebe4;
  padding: 1.25rem;
  display: block;
}

/* line 205, scss/_3_base.scss */
table {
  border: 1px solid #ecebe4;
  font-size: 92%;
  margin-bottom: 2rem;
}
/* line 211, scss/_3_base.scss */
table th {
  background-color: #f6f6f3;
  border: 1px solid #ecebe4;
  padding: .25em .5em;
}
/* line 217, scss/_3_base.scss */
table td {
  border: 1px solid #ecebe4;
  padding: .25em .5em;
}
/* line 222, scss/_3_base.scss */
table caption {
  padding: .25em 0;
}

/* line 228, scss/_3_base.scss */
a.button-chicklet {
  padding: .375em .5em;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #b2aa3f;
  color: #5aa4d3;
  font-size: .75em;
}
/* line 235, scss/_3_base.scss */
a.button-chicklet:visited {
  background-color: #b2aa3f;
}
/* line 239, scss/_3_base.scss */
a.button-chicklet:hover, a.button-chicklet:visited:hover {
  background-color: #5aa4d3;
  color: white;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

/* 

=======================================================================================
BASE STRUCTURAL STYLES
=======================================================================================

*/
/* Paul Irish - http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
/* line 258, scss/_3_base.scss */
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 265, scss/_3_base.scss */
.group:after {
  content: "";
  display: table;
  clear: both;
}

/* line 269, scss/_3_base.scss */
nav ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

/*

=======================================================================================
UTILITIES
======================================================================================= 

*/
/* line 289, scss/_3_base.scss */
.bp-indicator {
  display: none;
  /* To show set to block. */
  color: #555555;
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 5555;
}

/* line 298, scss/_3_base.scss */
.bp-item {
  padding: .5rem 1rem;
}

/* line 302, scss/_3_base.scss */
.bp-small-1, .bp-small-2, .bp-medium, .bp-medium-1, .bp-medium-2, .bp-large, .bp-large-1, .bp-large-2, .bp-large-3 {
  display: none;
}

@media only screen and (min-width: 27em) {
  /* line 307, scss/_3_base.scss */
  .bp-small {
    display: none;
  }

  /* line 308, scss/_3_base.scss */
  .bp-small-1 {
    display: inline;
  }
}
@media only screen and (min-width: 30em) {
  /* line 312, scss/_3_base.scss */
  .bp-small-1 {
    display: none;
  }

  /* line 313, scss/_3_base.scss */
  .bp-small-2 {
    display: inline;
  }
}
@media only screen and (min-width: 35em) {
  /* line 317, scss/_3_base.scss */
  .bp-small-2 {
    display: none;
  }

  /* line 318, scss/_3_base.scss */
  .bp-medium {
    display: inline;
  }
}
@media only screen and (min-width: 43em) {
  /* line 322, scss/_3_base.scss */
  .bp-medium {
    display: none;
  }

  /* line 323, scss/_3_base.scss */
  .bp-medium-1 {
    display: inline;
  }
}
@media only screen and (min-width: 51em) {
  /* line 327, scss/_3_base.scss */
  .bp-medium-1 {
    display: none;
  }

  /* line 328, scss/_3_base.scss */
  .bp-medium-2 {
    display: inline;
  }
}
@media only screen and (min-width: 60em) {
  /* line 332, scss/_3_base.scss */
  .bp-medium-2 {
    display: none;
  }

  /* line 333, scss/_3_base.scss */
  .bp-large {
    display: inline;
  }
}
@media only screen and (min-width: 70em) {
  /* line 337, scss/_3_base.scss */
  .bp-large {
    display: none;
  }

  /* line 338, scss/_3_base.scss */
  .bp-large-1 {
    display: inline;
  }
}
@media only screen and (min-width: 80em) {
  /* line 342, scss/_3_base.scss */
  .bp-large-1 {
    display: none;
  }

  /* line 343, scss/_3_base.scss */
  .bp-large-2 {
    display: inline;
  }
}
@media only screen and (min-width: 90em) {
  /* line 347, scss/_3_base.scss */
  .bp-large-2 {
    display: none;
  }

  /* line 348, scss/_3_base.scss */
  .bp-large-3 {
    display: inline;
  }
}
/* 

\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\
=======================================================================================
TEMPLATE STYLES
These styles define the template layout and formatting. The default styles are 
mobile-first plus two main breakpoints and two "tweakpoints" between each. if you are 
customizing this template, first update _variables.scss. If you need further 
customization, create override styles in _theme.css file.
=======================================================================================

*/
@media only screen and (min-width: 35em) {
  /* line 20, scss/_4_template.scss */
  h1 {
    font-size: 3.815rem;
    line-height: 1;
  }
}
@media only screen and (min-width: 60em) {
  /* line 20, scss/_4_template.scss */
  h1 {
    font-size: 4.768rem;
    line-height: 1;
  }
}

@media only screen and (min-width: 35em) {
  /* line 33, scss/_4_template.scss */
  h2 {
    font-size: 2.441rem;
    line-height: 1.2;
  }
}
@media only screen and (min-width: 60em) {
  /* line 33, scss/_4_template.scss */
  h2 {
    font-size: 3.052rem;
    line-height: 1.2;
  }
}

/* line 52, scss/_4_template.scss */
a.button {
  float: left;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #5aa4d3;
  padding: .64rem 1.25rem;
  margin: 0 .5rem .5rem 0;
  text-align: center;
  margin-right: .5rem;
  color: #fff;
}
/* line 62, scss/_4_template.scss */
a.button:hover {
  color: #fff;
  background-color: #2f7fb1;
}

/* line 71, scss/_4_template.scss */
.fa-square {
  font-size: .8em;
}

/* line 79, scss/_4_template.scss */
.global-header {
  display: block;
  width: 100%;
  height: 60px;
  padding: 10px 1.25rem;
  background-color: #605e55;
  color: white;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
}
/* line 91, scss/_4_template.scss */
.global-header a {
  color: white;
}
/* line 94, scss/_4_template.scss */
.global-header a:hover, .global-header a:active {
  color: #5aa4d3;
}
/* line 99, scss/_4_template.scss */
.global-header .header-page-logo {
  float: left;
  line-height: .75em;
}
/* line 103, scss/_4_template.scss */
.global-header .header-page-logo img {
  height: 40px;
  padding: 0;
  margin: 0;
}
/* line 110, scss/_4_template.scss */
.global-header .header-page-sections {
  float: right;
  margin-top: .25rem;
  margin-left: 1.875rem;
}
/* line 116, scss/_4_template.scss */
.global-header .header-page-social-media {
  float: right;
  margin-top: .25rem;
  margin-left: 1.875rem;
  display: none;
}
@media only screen and (min-width: 35em) {
  /* line 116, scss/_4_template.scss */
  .global-header .header-page-social-media {
    display: inline;
  }
}
/* line 126, scss/_4_template.scss */
.global-header .header-page-social-media .social-network {
  margin-left: .5em;
}
/* line 131, scss/_4_template.scss */
.global-header .header-page-download {
  float: right;
  margin-top: .25rem;
  margin-left: 1.875rem;
}
/* line 137, scss/_4_template.scss */
.global-header .label {
  text-transform: uppercase;
  font-size: .8em;
  padding-left: .25em;
  display: none;
}
@media only screen and (min-width: 35em) {
  /* line 137, scss/_4_template.scss */
  .global-header .label {
    display: inline;
  }
}

/* line 155, scss/_4_template.scss */
.report-cover {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 20;
  background-image: url(../img/fourteenpatterns-cover-1600.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-color: #605e55;
  vertical-align: bottom;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
@media only screen and (min-width: 80em) {
  /* line 155, scss/_4_template.scss */
  .report-cover {
    background-image: url(../img/fourteenpatterns-cover-2400.jpg);
  }
}
/* line 172, scss/_4_template.scss */
.report-cover .cover-text {
  display: block;
  width: 100%;
  position: absolute;
  bottom: 0;
  padding: 60% 1.25rem 1.25rem 1.25rem;
  text-align: center;
  background: -moz-linear-gradient(top, rgba(29, 35, 42, 0) 0%, rgba(29, 35, 42, 0.9) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(29, 35, 42, 0)), color-stop(100%, rgba(29, 35, 42, 0.9)));
  background: -webkit-linear-gradient(top, rgba(29, 35, 42, 0) 0%, rgba(29, 35, 42, 0.9) 100%);
  background: -o-linear-gradient(top, rgba(29, 35, 42, 0) 0%, rgba(29, 35, 42, 0.9) 100%);
  background: -ms-linear-gradient(top, rgba(29, 35, 42, 0) 0%, rgba(29, 35, 42, 0.9) 100%);
  background: linear-gradient(to bottom, rgba(29, 35, 42, 0) 0%, rgba(29, 35, 42, 0.9) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#001d232a', endColorstr='#1d232a',GradientType=0 );
}
@media only screen and (min-width: 43em) {
  /* line 172, scss/_4_template.scss */
  .report-cover .cover-text {
    padding: 25% 10% 6.4% 10%;
    text-align: left;
  }
}
@media only screen and (min-width: 60em) {
  /* line 172, scss/_4_template.scss */
  .report-cover .cover-text {
    padding: 25% 8% 5% 8%;
  }
}
/* line 198, scss/_4_template.scss */
.report-cover h1.cover-text-title {
  padding: 0;
  margin: 0 0 .25em 0;
  position: relative;
  display: block;
  color: white;
  font-size: 1.953rem;
  line-height: 1.1em;
  text-transform: uppercase;
  font-weight: 700;
}
@media only screen and (min-width: 43em) {
  /* line 198, scss/_4_template.scss */
  .report-cover h1.cover-text-title {
    font-size: 2.441rem;
  }
}
@media only screen and (min-width: 60em) {
  /* line 198, scss/_4_template.scss */
  .report-cover h1.cover-text-title {
    font-size: 3.815rem;
  }
}
@media only screen and (min-width: 80em) {
  /* line 198, scss/_4_template.scss */
  .report-cover h1.cover-text-title {
    font-size: 4.768rem;
  }
}
/* line 222, scss/_4_template.scss */
.report-cover p.cover-text-subtitle {
  padding: 0;
  margin: 0;
  display: block;
  color: white;
  font-size: 1rem;
  line-height: 1.3em;
}
@media only screen and (min-width: 43em) {
  /* line 222, scss/_4_template.scss */
  .report-cover p.cover-text-subtitle {
    font-size: 1.25rem;
  }
}
@media only screen and (min-width: 60em) {
  /* line 222, scss/_4_template.scss */
  .report-cover p.cover-text-subtitle {
    font-size: 1.563rem;
  }
}
/* line 239, scss/_4_template.scss */
.report-cover .cover-logo {
  height: 100px;
  padding-top: 1rem;
}
@media only screen and (min-width: 60em) {
  /* line 239, scss/_4_template.scss */
  .report-cover .cover-logo {
    height: 120px;
    padding-top: 2rem;
  }
}
@media only screen and (min-width: 70em) {
  /* line 239, scss/_4_template.scss */
  .report-cover .cover-logo {
    height: 150px;
    padding-top: 3rem;
  }
}
/* line 254, scss/_4_template.scss */
.report-cover .cover-text-arrow {
  display: none;
  font-size: 1.5rem;
  position: absolute;
  bottom: .25em;
  left: 50%;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
/* line 262, scss/_4_template.scss */
.report-cover .cover-text-arrow a, .report-cover .cover-text-arrow a:visited {
  color: white;
}
/* line 266, scss/_4_template.scss */
.report-cover .cover-text-arrow a:hover, .report-cover .cover-text-arrow a:active {
  color: #5aa4d3;
}
@media only screen and (min-width: 43em) {
  /* line 254, scss/_4_template.scss */
  .report-cover .cover-text-arrow {
    display: block;
    font-size: 2rem;
    bottom: .75em;
  }
}

/* line 285, scss/_4_template.scss */
.article-container {
  position: absolute;
  top: 100%;
}
@media only screen and (min-width: 70em) {
  /* line 285, scss/_4_template.scss */
  .article-container {
    top: 100%;
  }
}

/* line 300, scss/_4_template.scss */
section#front-matter.anchor:before {
  margin-top: -60px;
  height: 60px;
}

/* line 305, scss/_4_template.scss */
#front-matter {
  padding: 0;
  padding-bottom: 2.5rem;
  margin: 0;
  background-color: #ecebe4;
  z-index: 10;
  position: relative;
}
/* line 313, scss/_4_template.scss */
#front-matter.section {
  border-top: 0;
}
/* line 317, scss/_4_template.scss */
#front-matter header.report-title {
  padding-top: 2em;
  padding-bottom: 2em;
}
/* line 322, scss/_4_template.scss */
#front-matter h1 {
  display: none;
}
/* line 326, scss/_4_template.scss */
#front-matter h2 {
  font-size: 1.25rem;
  text-transform: uppercase;
  margin: 0 0 1em 0;
  padding: 0 1.25rem;
}
/* line 333, scss/_4_template.scss */
#front-matter h3 {
  font-size: .8rem;
  text-transform: uppercase;
  margin: 0;
  padding: 0 1.25rem;
}
/* line 340, scss/_4_template.scss */
#front-matter p {
  padding-right: 1.25rem;
  padding-left: 1.25rem;
}
/* line 345, scss/_4_template.scss */
#front-matter p.report-subtitle {
  text-align: center;
  font-size: 1rem;
  padding-bottom: 0;
}
/* line 351, scss/_4_template.scss */
#front-matter .report-overview {
  max-width: 60em;
  margin: 0 auto;
}
/* line 356, scss/_4_template.scss */
#front-matter #abstract {
  width: 100%;
  border-top: 1px solid #d7d5c6;
  padding-top: 1.95375rem;
  padding-bottom: 1.25rem;
}
/* line 363, scss/_4_template.scss */
#front-matter #table-of-contents {
  width: 100%;
}
/* line 367, scss/_4_template.scss */
#front-matter #table-of-contents > ol {
  margin-right: 1.25rem;
  margin-left: 1.25rem;
}
/* line 372, scss/_4_template.scss */
#front-matter #notes {
  width: 100%;
  font-size: .8rem;
  position: relative;
}
/* line 377, scss/_4_template.scss */
#front-matter #notes .showhide {
  top: 1em;
  right: 1.25rem;
}
/* line 383, scss/_4_template.scss */
#front-matter #table-of-contents, #front-matter #notes, #front-matter #download {
  border-top: 1px solid #d7d5c6;
  padding-top: 1.5625rem;
  padding-bottom: 0.3125rem;
}
@media only screen and (min-width: 43em) {
  /* line 383, scss/_4_template.scss */
  #front-matter #table-of-contents, #front-matter #notes, #front-matter #download {
    padding-top: 2.5rem;
    padding-bottom: 1.25rem;
  }
}
/* line 394, scss/_4_template.scss */
#front-matter #download {
  width: 100%;
  font-size: .8rem;
}
/* line 399, scss/_4_template.scss */
#front-matter .download-formats {
  padding: 0 1.25rem;
}
/* line 403, scss/_4_template.scss */
#front-matter .fa-download {
  margin-right: .375em;
}
@media only screen and (min-width: 27em) {
  /* line 409, scss/_4_template.scss */
  #front-matter h1 {
    font-size: 2.441rem;
    padding-top: .75em;
  }
  /* line 414, scss/_4_template.scss */
  #front-matter p.report-subtitle {
    font-size: 1.25rem;
  }
}
@media only screen and (min-width: 43em) {
  /* line 421, scss/_4_template.scss */
  #front-matter header.report-title {
    padding-bottom: 3em;
  }
  /* line 425, scss/_4_template.scss */
  #front-matter h1 {
    font-size: 3.052rem;
    padding-bottom: .175em;
  }
  /* line 430, scss/_4_template.scss */
  #front-matter h2, #front-matter h3, #front-matter p, #front-matter .download-formats {
    padding-right: 10%;
    padding-left: 10%;
  }
  /* line 435, scss/_4_template.scss */
  #front-matter #abstract {
    padding-top: 3.05125rem;
    padding-bottom: 1.5625rem;
  }
  /* line 440, scss/_4_template.scss */
  #front-matter #table-of-contents > ol {
    margin-right: 10%;
    margin-left: 10%;
  }
}
@media only screen and (min-width: 51em) {
  /* line 448, scss/_4_template.scss */
  #front-matter h2, #front-matter h3, #front-matter p, #front-matter .download-formats {
    padding-right: 15%;
    padding-left: 15%;
  }
  /* line 453, scss/_4_template.scss */
  #front-matter #table-of-contents > ol {
    margin-right: 15%;
    margin-left: 15%;
  }
}
@media only screen and (min-width: 60em) {
  /* line 461, scss/_4_template.scss */
  #front-matter h1 {
    font-size: 3.815rem;
    padding-right: 1em;
    padding-left: 1em;
    padding-bottom: .125em;
  }
  /* line 468, scss/_4_template.scss */
  #front-matter h2, #front-matter h3, #front-matter p, #front-matter .download-formats {
    padding-right: 0;
    padding-left: 0;
  }
  /* line 473, scss/_4_template.scss */
  #front-matter p.report-subtitle {
    font-size: 1.953rem;
  }
  /* line 477, scss/_4_template.scss */
  #front-matter #abstract {
    width: 94%;
    margin-right: 3%;
    margin-left: 3%;
    padding-bottom: 3.05125rem;
  }
  /* line 484, scss/_4_template.scss */
  #front-matter .abstract-text {
    column-count: 3;
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    -webkit-column-gap: 1.25rem;
    column-rule-color: black;
    -moz-column-rule-color: black;
    -webkit-column-rule-color: black;
    column-rule-style: solid;
    -moz-column-rule-style: solid;
    -webkit-column-rule-style: solid;
    column-rule-width: 0px;
    -moz-column-rule-width: 0px;
    -webkit-column-rule-width: 0px;
  }
  /* line 488, scss/_4_template.scss */
  #front-matter #table-of-contents {
    width: 45.5%;
    float: left;
    margin-right: 1.5%;
    margin-left: 3%;
  }
  /* line 495, scss/_4_template.scss */
  #front-matter #table-of-contents > ol {
    margin-right: 15%;
    margin-left: 0;
  }
  /* line 500, scss/_4_template.scss */
  #front-matter #notes {
    width: 45.5%;
    float: right;
    margin-right: 3%;
    margin-left: 1.5%;
  }
  /* line 507, scss/_4_template.scss */
  #front-matter #download {
    width: 94%;
    float: left;
    margin-right: 3%;
    margin-left: 3%;
  }
}
@media only screen and (min-width: 70em) {
  /* line 517, scss/_4_template.scss */
  #front-matter #abstract {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
  /* line 523, scss/_4_template.scss */
  #front-matter #table-of-contents {
    width: 48.5%;
    margin-right: 1.5%;
    margin-left: 0;
  }
  /* line 529, scss/_4_template.scss */
  #front-matter #notes {
    width: 48.5%;
    margin-right: 0;
    margin-left: 1.5%;
  }
  /* line 535, scss/_4_template.scss */
  #front-matter #download {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
}

/* line 549, scss/_4_template.scss */
.showhide {
  margin-right: 0;
  position: absolute;
  top: -3px;
  right: 0;
  font-size: 1.563rem;
  line-height: .75em;
  color: #5aa4d3;
}
@media only screen and (min-width: 43em) {
  /* line 549, scss/_4_template.scss */
  .showhide {
    display: none;
  }
}

/* line 563, scss/_4_template.scss */
.showhide-target {
  display: none;
  padding-bottom: 1rem;
}
@media only screen and (min-width: 43em) {
  /* line 563, scss/_4_template.scss */
  .showhide-target {
    display: inline;
  }
}

/* line 575, scss/_4_template.scss */
section.anchor:before {
  display: block;
  content: " ";
  margin-top: -90px;
  height: 90px;
  visibility: hidden;
}

/* line 583, scss/_4_template.scss */
p.anchor:before {
  display: block;
  content: " ";
  margin-top: -200px;
  height: 200px;
  visibility: hidden;
}

/* line 591, scss/_4_template.scss */
a.anchor:before {
  display: inline-block;
  content: " ";
  margin-top: -180px;
  height: 180px;
  visibility: hidden;
}

/* line 600, scss/_4_template.scss */
.permalink {
  display: block;
  position: relative;
  top: -1.8em;
  padding-left: .25em;
  font-size: .8rem;
  font-weight: normal;
}
/* line 608, scss/_4_template.scss */
.permalink a {
  color: #5aa4d3;
}
/* line 612, scss/_4_template.scss */
.permalink a:hover {
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  color: #2f7fb1;
}
/* line 617, scss/_4_template.scss */
.permalink .fa {
  font-size: .9rem;
  position: relative;
  top: .1em;
  padding-right: .1em;
}

/* line 631, scss/_4_template.scss */
.stickem-container {
  position: relative;
}
/* line 634, scss/_4_template.scss */
.stickem-container .section-context {
  display: none;
  z-index: 0;
}
@media only screen and (min-width: 60em) {
  /* line 634, scss/_4_template.scss */
  .stickem-container .section-context {
    display: block;
    width: 20%;
    float: left;
    padding-top: 1.5625rem;
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}
/* line 647, scss/_4_template.scss */
.stickem-container .section-context .section-context-label {
  display: block;
  text-transform: uppercase;
  font-size: .8rem;
  color: #a2a2a2;
  padding-bottom: 1em;
  text-shadow: 0 0 9px white;
}
/* line 656, scss/_4_template.scss */
.stickem-container .section-context .section-context-level1 {
  display: block;
  font-weight: 700;
  text-shadow: 0 0 9px white;
}
/* line 662, scss/_4_template.scss */
.stickem-container .section-context .section-context-level2 {
  display: block;
  text-shadow: 0 0 9px white;
}
/* line 667, scss/_4_template.scss */
.stickem-container .section-context .section-context-level3 {
  display: block;
  text-shadow: 0 0 9px white;
}

/* line 674, scss/_4_template.scss */
.stickem {
  visibility: hidden;
}

/* line 678, scss/_4_template.scss */
.stickit {
  visibility: visible;
  position: fixed;
  top: 60px;
}

/* line 684, scss/_4_template.scss */
.stickit-end {
  bottom: 0px;
  position: absolute;
  right: 0;
}

/* line 690, scss/_4_template.scss */
ul.nav {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 15px;
}
/* line 696, scss/_4_template.scss */
ul.nav a, ul.nav a:visited {
  color: #555555;
}
/* line 700, scss/_4_template.scss */
ul.nav li {
  display: none;
  margin: 0;
}
/* line 705, scss/_4_template.scss */
ul.nav > li.active {
  display: block;
}
/* line 709, scss/_4_template.scss */
ul.nav > li.active-current a {
  font-weight: 700;
}

/* line 719, scss/_4_template.scss */
.body-matter h1 {
  display: none;
}

/* line 723, scss/_4_template.scss */
.section {
  padding: 2rem 0 2rem 0;
  border-top: 1px solid #ecebe4;
}

/* line 730, scss/_4_template.scss */
.section-content h1, .section-content h2, .section-content h3, .section-content h4, .section-content h5, .section-content h6, .section-content p, .section-content code, .section-content figcaption, .section-content .img-column img, .section-content .img-column figcaption.caption-column, .section-content .permalink, .section-content ol, .section-content ul {
  padding-right: 1.25rem;
  padding-left: 1.25rem;
}
/* line 735, scss/_4_template.scss */
.section-content .number {
  display: block;
  color: #a2a2a2;
  font-weight: 400;
  font-size: 80%;
}
/* line 742, scss/_4_template.scss */
.section-content ol ol, .section-content ul ul, .section-content ol ul, .section-content ul ol {
  padding-left: 1.5em;
}
/* line 746, scss/_4_template.scss */
.section-content blockquote, .section-content table {
  margin-top: 1.5rem;
  margin-right: 1.25rem;
  margin-left: 1.25rem;
  z-index: 10;
}
/* line 753, scss/_4_template.scss */
.section-content blockquote {
  color: #5aa4d3;
  font-size: 1.563rem;
  font-weight: 400;
}
/* line 758, scss/_4_template.scss */
.section-content blockquote p {
  padding: 0;
}
/* line 762, scss/_4_template.scss */
.section-content blockquote footer {
  font-size: 1rem;
  line-height: 1.25rem;
  margin-top: 1rem;
}
/* line 768, scss/_4_template.scss */
.section-content blockquote em {
  text-transform: uppercase;
  font-style: normal;
}
/* line 773, scss/_4_template.scss */
.section-content blockquote em.blockquote-bigger {
  font-size: 3.906rem;
  font-style: normal;
  text-transform: none;
  display: block;
  font-weight: 700;
}
/* line 781, scss/_4_template.scss */
.section-content blockquote:before {
  content: '';
  width: 33.333%;
  height: 1rem;
  top: -10px;
  display: block;
  position: relative;
  border-top: 0.5rem solid #5aa4d3;
}
/* line 792, scss/_4_template.scss */
.section-content .img-container {
  width: 100%;
  padding-bottom: 1.5rem;
  display: block;
}
/* line 797, scss/_4_template.scss */
.section-content .img-container figcaption {
  font-size: 80%;
  color: #b2aa3f;
  margin-top: .5em;
}
/* line 802, scss/_4_template.scss */
.section-content .img-container figcaption .caption-headline {
  display: block;
  text-transform: uppercase;
  font-weight: 700;
}
/* line 812, scss/_4_template.scss */
.section-content .img-column img {
  width: 100%;
}
/* line 819, scss/_4_template.scss */
.section-content .img-full img {
  width: 100%;
}
/* line 824, scss/_4_template.scss */
.section-content .callout {
  width: auto;
  margin: 0 0 1.5em 0;
  font-size: .8em;
  color: white;
}
/* line 831, scss/_4_template.scss */
.section-content .callout .callout-container {
  width: auto;
  background-color: #b2aa3f;
  padding: 0 0 .5rem 0;
}
/* line 836, scss/_4_template.scss */
.section-content .callout .callout-container img {
  padding: 0;
  margin: 0;
}
/* line 841, scss/_4_template.scss */
.section-content .callout .callout-container figcaption {
  font-size: .8rem;
  color: rgba(255, 255, 255, 0.4);
}
/* line 845, scss/_4_template.scss */
.section-content .callout .callout-container figcaption a {
  color: rgba(255, 255, 255, 0.4);
  text-decoration: underline;
}
/* line 849, scss/_4_template.scss */
.section-content .callout .callout-container figcaption a:visited {
  color: rgba(255, 255, 255, 0.4);
}
/* line 856, scss/_4_template.scss */
.section-content .callout p.callout-headline {
  margin: 0;
  padding-top: 1.5rem;
  padding-bottom: .5em;
  text-indent: 0;
  color: white;
  font-size: 1.25rem;
  line-height: 1.3;
  font-weight: 700;
}
/* line 867, scss/_4_template.scss */
.section-content .callout ol, .section-content .callout ul {
  margin-right: 1.25rem;
  margin-left: 1.25rem;
  padding-right: 1.25rem;
  padding-left: 1.25rem;
}
/* line 874, scss/_4_template.scss */
.section-content .callout table {
  margin-right: 1.25rem;
  margin-left: 1.25rem;
}
/* line 879, scss/_4_template.scss */
.section-content .callout .img-container {
  width: 100%;
  padding-bottom: 0;
}
/* line 883, scss/_4_template.scss */
.section-content .callout .img-container img {
  width: 100%;
}
@media only screen and (min-width: 43em) {
  /* line 891, scss/_4_template.scss */
  .section-content h2, .section-content h3, .section-content h4, .section-content h5, .section-content h6, .section-content p, .section-content code, .section-content figcaption, .section-content .img-column img, .section-content .img-column figcaption.caption-column, .section-content .permalink, .section-content ol, .section-content ul {
    padding-right: 10%;
    padding-left: 10%;
  }
  /* line 896, scss/_4_template.scss */
  .section-content blockquote, .section-content table {
    margin-right: 10%;
    margin-left: 10%;
  }
  /* line 901, scss/_4_template.scss */
  .section-content .callout {
    float: right;
    width: 45%;
  }
  /* line 905, scss/_4_template.scss */
  .section-content .callout h2, .section-content .callout h3, .section-content .callout h4, .section-content .callout h5, .section-content .callout h6, .section-content .callout p, .section-content .callout code, .section-content .callout figcaption, .section-content .callout .img-column img, .section-content .callout .img-column figcaption.caption-column, .section-content .callout .permalink {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
  /* line 910, scss/_4_template.scss */
  .section-content .callout .callout-container {
    margin: 0 1.25rem;
  }
  /* line 914, scss/_4_template.scss */
  .section-content .callout.full {
    width: 100%;
    padding-top: 1.25rem;
  }
  /* line 918, scss/_4_template.scss */
  .section-content .callout.full .callout-container {
    margin: 0;
  }
  /* line 922, scss/_4_template.scss */
  .section-content .callout.full p {
    padding-right: 10%;
    padding-left: 10%;
  }
  /* line 927, scss/_4_template.scss */
  .section-content .callout.full p.callout-headline {
    padding-top: 1.25rem;
  }
  /* line 931, scss/_4_template.scss */
  .section-content .callout.full ol, .section-content .callout.full ul, .section-content .callout.full table {
    margin-right: 10%;
    margin-left: 10%;
  }
  /* line 936, scss/_4_template.scss */
  .section-content .callout.full .img-container {
    width: 50%;
  }
  /* line 940, scss/_4_template.scss */
  .section-content .callout.full .img-container {
    margin-top: 1.25rem;
  }
  /* line 944, scss/_4_template.scss */
  .section-content .callout.full .img-secondary {
    padding: 0 1.5rem 1.5rem 1.5rem;
    float: right;
  }
}
@media only screen and (min-width: 51em) {
  /* line 954, scss/_4_template.scss */
  .section-content h2, .section-content h3, .section-content h4, .section-content h5, .section-content h6, .section-content p, .section-content code, .section-content figcaption, .section-content .img-column img, .section-content .img-column figcaption.caption-column, .section-content .permalink, .section-content ol, .section-content ul {
    padding-right: 15%;
    padding-left: 15%;
  }
  /* line 959, scss/_4_template.scss */
  .section-content blockquote, .section-content table {
    margin-right: 15%;
    margin-left: 15%;
  }
  /* line 970, scss/_4_template.scss */
  .section-content .callout.full .callout-container p {
    padding-right: 15%;
    padding-left: 15%;
  }
  /* line 975, scss/_4_template.scss */
  .section-content .callout.full .callout-container ol, .section-content .callout.full .callout-container ul, .section-content .callout.full .callout-container table {
    margin-right: 15%;
    margin-left: 15%;
  }
}
@media only screen and (min-width: 60em) {
  /* line 728, scss/_4_template.scss */
  .section-content {
    width: 80%;
    float: right;
  }
  /* line 988, scss/_4_template.scss */
  .section-content h2 {
    padding-right: 1.25rem;
    padding-left: 0;
  }
  /* line 993, scss/_4_template.scss */
  .section-content h3, .section-content h4, .section-content h5, .section-content h6, .section-content p, .section-content code, .section-content figcaption, .section-content .permalink, .section-content ol, .section-content ul {
    padding-right: 25%;
    padding-left: 0;
  }
  /* line 998, scss/_4_template.scss */
  .section-content blockquote, .section-content table {
    margin-right: 25%;
    margin-left: 0;
  }
  /* line 1005, scss/_4_template.scss */
  .section-content .img-column img {
    float: left;
    width: 75%;
    padding: 0 1.25rem 0 0;
  }
  /* line 1011, scss/_4_template.scss */
  .section-content .img-column figcaption {
    float: right;
    width: 25%;
    padding: 0 1.25rem 0 0;
  }
  /* line 1017, scss/_4_template.scss */
  .section-content .img-column figcaption.caption-column {
    float: left;
    width: 75%;
    padding: 0 1.25rem 0 0;
  }
  /* line 1024, scss/_4_template.scss */
  .section-content .img-full {
    padding-right: 1.25rem;
  }
  /* line 1028, scss/_4_template.scss */
  .section-content .callout {
    width: 42.857%;
  }
  /* line 1031, scss/_4_template.scss */
  .section-content .callout .callout-container {
    width: auto;
    margin: 0 auto;
    max-width: 320px;
  }
  /* line 1037, scss/_4_template.scss */
  .section-content .callout.full {
    width: 100%;
    max-width: none;
    margin: 0 0 1.5em 0;
  }
  /* line 1042, scss/_4_template.scss */
  .section-content .callout.full .callout-container {
    max-width: none;
    margin-left: 0;
    margin-right: 1.25rem;
  }
  /* line 1047, scss/_4_template.scss */
  .section-content .callout.full .callout-container p {
    padding-right: 33%;
    padding-left: 3%;
  }
  /* line 1052, scss/_4_template.scss */
  .section-content .callout.full .callout-container > ol, .section-content .callout.full .callout-container > ul, .section-content .callout.full .callout-container table {
    margin-right: 33%;
    margin-left: 3%;
  }
}
@media only screen and (min-width: 70em) {
  /* line 728, scss/_4_template.scss */
  .section-content {
    width: 75%;
    float: right;
  }
  /* line 1065, scss/_4_template.scss */
  .section-content h3, .section-content h4, .section-content h5, .section-content h6, .section-content p, .section-content ul, .section-content code, .section-content figcaption {
    padding-right: 33.333%;
  }
  /* line 1069, scss/_4_template.scss */
  .section-content blockquote {
    margin-right: 33.333%;
  }
  /* line 1075, scss/_4_template.scss */
  .section-content .img-column img {
    float: left;
    width: 66.666%;
    padding: 00;
  }
  /* line 1081, scss/_4_template.scss */
  .section-content .img-column figcaption {
    float: right;
    width: 33.333%;
    padding: 0 1.25rem;
  }
  /* line 1087, scss/_4_template.scss */
  .section-content .img-column figcaption.caption-column {
    float: left;
    width: 66.666%;
    padding: 0 1.25rem 0 0;
  }
}
@media only screen and (min-width: 80em) {
  /* line 728, scss/_4_template.scss */
  .section-content {
    width: 72.5%;
    float: right;
  }
  /* line 1099, scss/_4_template.scss */
  .section-content h3, .section-content h4, .section-content h5, .section-content h6, .section-content p, .section-content ul, .section-content code, .section-content figcaption {
    padding-right: 37.931%;
  }
  /* line 1103, scss/_4_template.scss */
  .section-content blockquote {
    margin-right: 37.931%;
  }
  /* line 1109, scss/_4_template.scss */
  .section-content .img-column img {
    float: left;
    width: 62%;
    padding: 00;
  }
  /* line 1115, scss/_4_template.scss */
  .section-content .img-column figcaption {
    float: right;
    width: 38%;
    padding: 0 1.25rem;
  }
  /* line 1121, scss/_4_template.scss */
  .section-content .img-column figcaption.caption-column {
    float: left;
    width: 62%;
    padding: 0 1.25rem 0 0;
  }
}
@media only screen and (min-width: 90em) {
  /* line 728, scss/_4_template.scss */
  .section-content {
    width: 70%;
    float: right;
  }
  /* line 1133, scss/_4_template.scss */
  .section-content p, .section-content code, .section-content ul, .section-content figcaption {
    padding-right: 42.857%;
  }
  /* line 1137, scss/_4_template.scss */
  .section-content blockquote {
    margin-right: 42.857%;
  }
  /* line 1143, scss/_4_template.scss */
  .section-content .img-column img {
    float: left;
    width: 57%;
    padding: 00;
  }
  /* line 1149, scss/_4_template.scss */
  .section-content .img-column figcaption {
    float: right;
    width: 43%;
    padding: 0 1.25rem;
  }
  /* line 1155, scss/_4_template.scss */
  .section-content .img-column figcaption.caption-column {
    float: left;
    width: 57%;
    padding: 0 1.25rem 0 0;
  }
  /* line 1162, scss/_4_template.scss */
  .section-content .callout {
    width: 42.857%;
  }
}

/* line 1168, scss/_4_template.scss */
.appendix {
  font-size: .8em;
  background-color: #f6f6f3;
  position: relative;
  z-index: 1;
}

/* line 1181, scss/_4_template.scss */
.appendices h1 {
  display: none;
}

/* line 1185, scss/_4_template.scss */
.footnote-link {
  font-size: 80%;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  text-indent: 0;
}
/* line 1192, scss/_4_template.scss */
.footnote-link a {
  padding-right: .25em;
  padding-left: .25em;
  color: #5aa4d3;
}

/* line 1199, scss/_4_template.scss */
.appendix .footnote-link {
  font-size: 100%;
}

/* line 1203, scss/_4_template.scss */
.section-content .footnotes p {
  margin-left: 3rem;
  text-indent: -3rem;
}
/* line 1207, scss/_4_template.scss */
.section-content .footnotes p a.footnote-back-link {
  color: #5aa4d3;
  padding-right: .25em;
  padding-left: .25em;
}
/* line 1212, scss/_4_template.scss */
.section-content .footnotes p a.footnote-back-link:hover {
  color: #2f7fb1;
}
/* line 1217, scss/_4_template.scss */
.section-content .footnotes p i {
  text-indent: 0;
}

/* line 1224, scss/_4_template.scss */
.footnotes :target .footnote-back-link {
  font-size: 80%;
  font-style: normal;
}

/* line 1230, scss/_4_template.scss */
.footnotes-target {
  font-size: 125%;
  font-weight: 700;
  font-style: italic;
}

/* line 1236, scss/_4_template.scss */
.footnotes p:target {
  margin-left: 0rem;
  text-indent: 0;
}
/* line 1240, scss/_4_template.scss */
.footnotes p:target i {
  text-indent: 0;
}

/* line 1246, scss/_4_template.scss */
.footnotes :target {
  -webkit-animation: footnote-fade 2s 1;
  -moz-animation: target-fade 2s 1;
}

@-webkit-keyframes footnote-fade {
  /* line 1252, scss/_4_template.scss */
  0% {
    color: #5aa4d3;
  }

  /* line 1255, scss/_4_template.scss */
  100% {
    color: #555555;
  }
}

@-moz-keyframes footnote-fade {
  /* line 1261, scss/_4_template.scss */
  0% {
    color: #5aa4d3;
  }

  /* line 1264, scss/_4_template.scss */
  100% {
    color: #555555;
  }
}

/* line 1269, scss/_4_template.scss */
.footnote-link a:target {
  -webkit-animation: footnote-link-fade 1s 1;
  -moz-animation: target-fade 1s 1;
}

@-webkit-keyframes footnote-link-fade {
  /* line 1275, scss/_4_template.scss */
  0% {
    background-color: #5aa4d3;
    color: #2f7fb1;
  }

  /* line 1279, scss/_4_template.scss */
  100% {
    background-color: white;
    color: #5aa4d3;
  }
}

@-moz-keyframes footnote-link-fade {
  /* line 1286, scss/_4_template.scss */
  0% {
    background-color: #5aa4d3;
  }

  /* line 1289, scss/_4_template.scss */
  100% {
    background-color: white;
  }
}

/* line 1296, scss/_4_template.scss */
.footnotes p.anchor:before {
  display: inline;
  content: "";
}

/* line 1302, scss/_4_template.scss */
.footnotes p.anchor:target:before {
  display: block;
  content: " ";
}

/*
 * It enables animation on FF and Opera
 * But, it seems my Opera doesn't support
 * -o-animation
 */
/* line 1315, scss/_4_template.scss */
.footnotes :target {
  -o-animation: footnote-fade 2s 1;
  animation: footnote-fade 2s 1;
}

/* line 1319, scss/_4_template.scss */
.footnote-link a:target {
  -o-animation: footnote-link-fade 1s 1;
  animation: footnote-link-fade 1s 1;
}

/* line 1328, scss/_4_template.scss */
.page-footer {
  background-color: #ecebe4;
  padding-top: 1.953rem;
  padding-bottom: .5rem;
  font-size: .8rem;
  text-align: center;
  z-index: 10;
  position: relative;
}

/* line 1341, scss/_4_template.scss */
.quick-links {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 5;
  display: none;
  font-size: .8rem;
}
/* line 1349, scss/_4_template.scss */
.quick-links i {
  font-size: 1rem;
}
/* line 1353, scss/_4_template.scss */
.quick-links a:visited {
  color: #5aa4d3;
}
/* line 1357, scss/_4_template.scss */
.quick-links a:hover {
  color: #2f7fb1;
}
/* line 1361, scss/_4_template.scss */
.quick-links .back-to-top {
  border-bottom: 1px solid #ecebe4;
  padding-bottom: .8rem;
  margin-bottom: .8rem;
}
@media only screen and (min-width: 60em) {
  /* line 1341, scss/_4_template.scss */
  .quick-links {
    display: block;
    width: 20%;
    float: left;
    padding-right: 1.25rem;
    padding-bottom: 0.9375rem;
    padding-left: 1.25rem;
  }
}

/* line 1377, scss/_4_template.scss */
.quick-links-item {
  display: block;
}

/* line 1390, scss/_4_template.scss */
.well {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  display: none;
  margin: 1em;
}

/* line 1395, scss/_4_template.scss */
pre.prettyprint {
  padding: 9px 14px;
}

/* line 1398, scss/_4_template.scss */
.fulltable {
  max-width: 100%;
  overflow: auto;
}

/* line 1402, scss/_4_template.scss */
.container {
  padding-left: 0;
  padding-right: 0;
}

/* line 1406, scss/_4_template.scss */
.lineheight {
  line-height: 3em;
}

/* line 1409, scss/_4_template.scss */
.pagetop {
  background: url(http://subtlepatterns.com/patterns/congruent_outline.png) #333333;
  background-attachment: fixed;
  color: #fff;
}

/* line 1414, scss/_4_template.scss */
.page-header {
  border-bottom: none;
}

/* line 1417, scss/_4_template.scss */
.initialism {
  font-weight: bold;
  letter-spacing: 1px;
  font-size: 12px;
}

/* line 1427, scss/_4_template.scss */
#my_popup h1 {
  display: none;
}

/* line 1431, scss/_4_template.scss */
.popup_content {
  color: white;
}

/* line 1435, scss/_4_template.scss */
.popup_wrapper {
  background-color: #605e55;
}

/* line 1439, scss/_4_template.scss */
.my_popup-close-button {
  background-color: white;
  position: fixed;
  top: 0px;
  right: 0px;
  text-align: center;
}
/* line 1446, scss/_4_template.scss */
.my_popup-close-button a {
  color: #605e55;
}
/* line 1449, scss/_4_template.scss */
.my_popup-close-button a:visited {
  color: #605e55;
}
/* line 1453, scss/_4_template.scss */
.my_popup-close-button a:hover, .my_popup-close-button a:active {
  color: #5aa4d3;
}
/* line 1458, scss/_4_template.scss */
.my_popup-close-button .my_popup_close-x {
  font-size: 34px;
  line-height: .75em;
  padding: 12px 20px 14px 20px;
  margin: 0;
  display: block;
}

/* line 1467, scss/_4_template.scss */
.my_popup_close-return {
  font-size: .64rem;
  text-transform: uppercase;
  display: none;
}
@media only screen and (min-width: 43em) {
  /* line 1467, scss/_4_template.scss */
  .my_popup_close-return {
    display: block;
    padding-bottom: 1rem;
  }
}

/* line 1478, scss/_4_template.scss */
#my_popup {
  width: 100%;
  max-width: 50em;
  padding-top: 1.5625rem;
  padding-bottom: 3.815rem;
}
/* line 1484, scss/_4_template.scss */
#my_popup h2 {
  text-transform: uppercase;
  font-size: .8rem;
  margin-top: 0;
  margin-bottom: 0;
  padding-right: 40px;
}
@media only screen and (min-width: 43em) {
  /* line 1484, scss/_4_template.scss */
  #my_popup h2 {
    font-size: 1.563rem;
    padding-right: 0;
  }
}
/* line 1497, scss/_4_template.scss */
#my_popup h3 {
  font-size: 1rem;
  text-transform: uppercase;
  margin: 1rem 0 1rem 0;
}
@media only screen and (min-width: 43em) {
  /* line 1497, scss/_4_template.scss */
  #my_popup h3 {
    margin: 1.5rem 0 1.5rem 0;
  }
}
/* line 1507, scss/_4_template.scss */
#my_popup .report-subtitle {
  font-size: .8rem;
  color: rgba(255, 255, 255, 0.6);
  padding-bottom: .75em;
  padding-right: 40px;
}
@media only screen and (min-width: 43em) {
  /* line 1507, scss/_4_template.scss */
  #my_popup .report-subtitle {
    font-size: 1.25rem;
    padding-right: 0;
  }
}
/* line 1519, scss/_4_template.scss */
#my_popup .author {
  font-size: .64rem;
  color: rgba(255, 255, 255, 0.6);
  padding-bottom: 0;
}
@media only screen and (min-width: 43em) {
  /* line 1519, scss/_4_template.scss */
  #my_popup .author {
    font-size: .8rem;
  }
}
/* line 1529, scss/_4_template.scss */
#my_popup .fa-download, #my_popup .fa-share {
  margin-right: .375em;
}
/* line 1533, scss/_4_template.scss */
#my_popup .my_popup-section {
  margin-right: 1.25rem;
  margin-left: 1.25rem;
}
@media only screen and (min-width: 43em) {
  /* line 1533, scss/_4_template.scss */
  #my_popup .my_popup-section {
    margin-right: 0;
    margin-left: 0;
  }
}
/* line 1543, scss/_4_template.scss */
#my_popup .my_popup-header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  padding-bottom: 1.25rem;
}
@media only screen and (min-width: 43em) {
  /* line 1543, scss/_4_template.scss */
  #my_popup .my_popup-header {
    width: 90%;
    padding-bottom: 1.5rem;
    margin-right: 5%;
    margin-left: 5%;
  }
}
/* line 1555, scss/_4_template.scss */
#my_popup .my_popup-download {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  position: relative;
}
/* line 1559, scss/_4_template.scss */
#my_popup .my_popup-download .download-formats {
  padding-right: 0;
  padding-left: 0;
}
/* line 1564, scss/_4_template.scss */
#my_popup .my_popup-download a.button {
  width: 100%;
  padding-top: .5rem;
  padding-bottom: .5rem;
  font-size: .8em;
}
@media only screen and (min-width: 43em) {
  /* line 1555, scss/_4_template.scss */
  #my_popup .my_popup-download {
    width: 25.5%;
    float: right;
    margin-right: 5%;
    margin-left: 2.5%;
    padding-top: .5rem;
    padding-bottom: 1.5rem;
  }
}
/* line 1581, scss/_4_template.scss */
#my_popup .my_popup-table-of-contents {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  font-size: .8rem;
}
/* line 1585, scss/_4_template.scss */
#my_popup .my_popup-table-of-contents a {
  color: #5aa4d3;
}
/* line 1588, scss/_4_template.scss */
#my_popup .my_popup-table-of-contents a:visited {
  color: #5aa4d3;
}
/* line 1592, scss/_4_template.scss */
#my_popup .my_popup-table-of-contents a:hover, #my_popup .my_popup-table-of-contents a:active {
  color: #96c5e3;
}
@media only screen and (min-width: 43em) {
  /* line 1581, scss/_4_template.scss */
  #my_popup .my_popup-table-of-contents {
    width: 58.5%;
    float: left;
    border-bottom: none;
    margin-right: 2.5%;
    margin-left: 5%;
    padding-top: .5rem;
    font-size: inherit;
  }
}
@media only screen and (min-width: 43em) {
  /* line 1608, scss/_4_template.scss */
  #my_popup .my_popup-share {
    width: 25.5%;
    float: right;
    margin-right: 5%;
    margin-left: 2.5%;
    padding-top: .5rem;
  }
}

/*

\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\
=======================================================================================
THEME STYLES
After having modified _variables.scss to reflect your themes style, make any additional
overrides in this file.
=======================================================================================

*/
/* line 14, scss/_5_theme.scss */
.main h1, .main h2, .main h3, .main h4, .main h5, .main .report-title .report-subtitle {
  color: #695b31;
}

/* line 19, scss/_5_theme.scss */
.callout-container a, .callout-container a:hover, .callout-container a:visited, .callout-container a:active {
  color: white;
  border-bottom: 1px dotted white;
}

/* line 24, scss/_5_theme.scss */
.popup_wrapper {
  background-image: url(../img/hex-a-brown.png);
}

/* line 30, scss/_5_theme.scss */
#my_popup a, #my_popup .my_popup-table-of-contents a {
  color: #96c5e3;
}
/* line 33, scss/_5_theme.scss */
#my_popup a:visited, #my_popup .my_popup-table-of-contents a:visited {
  color: #aec0cc;
}
/* line 37, scss/_5_theme.scss */
#my_popup a:hover, #my_popup .my_popup-table-of-contents a:hover {
  color: #abd0e8;
}
/* line 42, scss/_5_theme.scss */
#my_popup .my_popup_close-x {
  color: #605e55;
}
/* line 45, scss/_5_theme.scss */
#my_popup .my_popup_close-x:visited {
  color: #605e55;
}
/* line 49, scss/_5_theme.scss */
#my_popup .my_popup_close-x:hover, #my_popup .my_popup_close-x:active {
  color: #5aa4d3;
}
/* line 54, scss/_5_theme.scss */
#my_popup a.button {
  color: white;
}
/* line 57, scss/_5_theme.scss */
#my_popup a.button:hover {
  color: white;
}

/* line 64, scss/_5_theme.scss */
a.button {
  /* Fallback for sad browsers */
  background-color: #4699ce;
  /* Mozilla Firefox */
  background-image: -moz-linear-gradient(#6eafd8, #4699ce);
  /* Opera */
  background-image: -o-linear-gradient(#6eafd8, #4699ce);
  /* WebKit (Chrome 11+) */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #6eafd8), color-stop(1, #4699ce));
  /* WebKit (Safari 5.1+, Chrome 10+) */
  background-image: -webkit-linear-gradient(#6eafd8, #4699ce);
  /* IE10 */
  background-image: -ms-linear-gradient(#6eafd8, #4699ce);
  /* W3C */
  background-image: linear-gradient(#6eafd8, #4699ce);
}
/* line 67, scss/_5_theme.scss */
a.button:hover {
  /* Fallback for sad browsers */
  background-color: #5aa4d3;
  /* Mozilla Firefox */
  background-image: -moz-linear-gradient(#96c5e3, #5aa4d3);
  /* Opera */
  background-image: -o-linear-gradient(#96c5e3, #5aa4d3);
  /* WebKit (Chrome 11+) */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #96c5e3), color-stop(1, #5aa4d3));
  /* WebKit (Safari 5.1+, Chrome 10+) */
  background-image: -webkit-linear-gradient(#96c5e3, #5aa4d3);
  /* IE10 */
  background-image: -ms-linear-gradient(#96c5e3, #5aa4d3);
  /* W3C */
  background-image: linear-gradient(#96c5e3, #5aa4d3);
}

/* line 72, scss/_5_theme.scss */
.global-header a:hover {
  color: #96c5e3;
}

/* line 76, scss/_5_theme.scss */
#front-matter {
  background-color: #f6f6f3;
  background-image: url(../img/hex-a-default.png);
  -webkit-box-shadow: inset 0 -8px 1em -15px black;
  -moz-box-shadow: inset 0 -8px 1em -15px black;
  box-shadow: inset 0 -8px 1em -15px black;
}

/* line 82, scss/_5_theme.scss */
#introduction.section {
  border-top: 0;
}

/* line 86, scss/_5_theme.scss */
.appendix-first {
  -webkit-box-shadow: inset 0 8px 1em -15px black;
  -moz-box-shadow: inset 0 8px 1em -15px black;
  box-shadow: inset 0 8px 1em -15px black;
}

/* line 92, scss/_5_theme.scss */
.section-content blockquote {
  color: #b2aa3f;
  margin-top: 0;
}
/* line 96, scss/_5_theme.scss */
.section-content blockquote .blockquote-bigger {
  color: #dd5d2b;
}
/* line 100, scss/_5_theme.scss */
.section-content blockquote:before {
  content: '';
  width: 0;
  height: 0;
  top: 0;
  border-top: 0;
}

/* line 110, scss/_5_theme.scss */
ul.nav a, ul.nav a:visited {
  color: #695b31;
}

/*

\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\
=======================================================================================
INSTANCE STYLES
After having defined the theme styles in _05_themes.scss, add styles unique to this
single report instance here.
=======================================================================================

*/
/* line 12, scss/_6_instance.scss */
.fourteenpatterns-header {
  padding-top: 2rem;
}
/* line 15, scss/_6_instance.scss */
.fourteenpatterns-header .fourteenpatterns-patternnumber {
  color: #dd5d2b;
  font-size: 160%;
  font-weight: 700;
  display: block;
}
/* line 22, scss/_6_instance.scss */
.fourteenpatterns-header h4 {
  margin-top: 0;
  margin-bottom: 0;
  text-transform: uppercase;
  font-size: 160%;
}
/* line 29, scss/_6_instance.scss */
.fourteenpatterns-header .fourteenpatterns-stars {
  font-size: 200%;
}
/* line 33, scss/_6_instance.scss */
.fourteenpatterns-header .fourteenpatterns-patternnumber, .fourteenpatterns-header .fourteenpatterns-stars {
  padding-right: 1.25rem;
  padding-left: 1.25rem;
}
@media only screen and (min-width: 43em) {
  /* line 33, scss/_6_instance.scss */
  .fourteenpatterns-header .fourteenpatterns-patternnumber, .fourteenpatterns-header .fourteenpatterns-stars {
    padding-right: 10%;
    padding-left: 10%;
  }
}
@media only screen and (min-width: 51em) {
  /* line 33, scss/_6_instance.scss */
  .fourteenpatterns-header .fourteenpatterns-patternnumber, .fourteenpatterns-header .fourteenpatterns-stars {
    padding-right: 15%;
    padding-left: 15%;
  }
}
@media only screen and (min-width: 60em) {
  /* line 33, scss/_6_instance.scss */
  .fourteenpatterns-header .fourteenpatterns-patternnumber, .fourteenpatterns-header .fourteenpatterns-stars {
    padding-right: 25%;
    padding-left: 0;
  }
}
@media only screen and (min-width: 70em) {
  /* line 33, scss/_6_instance.scss */
  .fourteenpatterns-header .fourteenpatterns-patternnumber, .fourteenpatterns-header .fourteenpatterns-stars {
    padding-right: 33.333%;
  }
}
@media only screen and (min-width: 80em) {
  /* line 33, scss/_6_instance.scss */
  .fourteenpatterns-header .fourteenpatterns-patternnumber, .fourteenpatterns-header .fourteenpatterns-stars {
    padding-right: 37.931%;
  }
}
/* line 65, scss/_6_instance.scss */
.fourteenpatterns-header .fourteenpatterns-patternsubhead {
  margin-top: -0.5rem;
  font-size: 110%;
}
/* line 70, scss/_6_instance.scss */
.fourteenpatterns-header .permalink {
  top: -0.75rem;
}

/* line 76, scss/_6_instance.scss */
.fourteenpatterns-group1 h4 {
  color: #5aa4d3;
}
/* line 77, scss/_6_instance.scss */
.fourteenpatterns-group1 .fourteenpatterns-stars {
  color: #5aa4d3;
}
/* line 78, scss/_6_instance.scss */
.fourteenpatterns-group1 .fourteenpatterns-patternsubhead {
  color: #5aa4d3;
}
/* line 80, scss/_6_instance.scss */
.fourteenpatterns-group1 .fourteenpatterns-patternlead {
  border-top: 10px solid #5aa4d3;
}

/* line 87, scss/_6_instance.scss */
.fourteenpatterns-group2 h4 {
  color: #695b31;
}
/* line 88, scss/_6_instance.scss */
.fourteenpatterns-group2 .fourteenpatterns-stars {
  color: #695b31;
}
/* line 89, scss/_6_instance.scss */
.fourteenpatterns-group2 .fourteenpatterns-patternsubhead {
  color: #695b31;
}
/* line 91, scss/_6_instance.scss */
.fourteenpatterns-group2 .fourteenpatterns-patternlead {
  border-top: 10px solid #695b31;
}

/* line 97, scss/_6_instance.scss */
.fourteenpatterns-group3 h4 {
  color: #b2aa3f;
}
/* line 98, scss/_6_instance.scss */
.fourteenpatterns-group3 .fourteenpatterns-stars {
  color: #b2aa3f;
}
/* line 99, scss/_6_instance.scss */
.fourteenpatterns-group3 .fourteenpatterns-patternsubhead {
  color: #b2aa3f;
}
/* line 101, scss/_6_instance.scss */
.fourteenpatterns-group3 .fourteenpatterns-patternlead {
  border-top: 10px solid #b2aa3f;
}

/* line 106, scss/_6_instance.scss */
.section-content .callout.fourteenpatterns-group1 .callout-container {
  background-color: #e7f2f9;
  color: #555555;
}
/* line 109, scss/_6_instance.scss */
.section-content .callout.fourteenpatterns-group1 .callout-container a {
  color: #5aa4d3;
}
/* line 113, scss/_6_instance.scss */
.section-content .callout.fourteenpatterns-group1 .callout-container .callout-headline {
  background-color: #5aa4d3;
  text-transform: uppercase;
  padding-top: .5rem;
  margin-bottom: 1.5rem;
  font-size: 120%;
}
/* line 120, scss/_6_instance.scss */
.section-content .callout.fourteenpatterns-group1 .callout-container .callout-headline.with-image {
  margin-bottom: 0;
}
/* line 125, scss/_6_instance.scss */
.section-content .callout.fourteenpatterns-group1 .callout-container figcaption {
  color: #a2a2a2;
}

/* line 130, scss/_6_instance.scss */
.section-content .callout.fourteenpatterns-group2 .callout-container {
  background-color: #efebdd;
  color: #555555;
}
/* line 133, scss/_6_instance.scss */
.section-content .callout.fourteenpatterns-group2 .callout-container a {
  color: #5aa4d3;
}
/* line 137, scss/_6_instance.scss */
.section-content .callout.fourteenpatterns-group2 .callout-container .callout-headline {
  background-color: #695b31;
  text-transform: uppercase;
  padding-top: .5rem;
  margin-bottom: 1.5rem;
  font-size: 120%;
}
/* line 144, scss/_6_instance.scss */
.section-content .callout.fourteenpatterns-group2 .callout-container .callout-headline.with-image {
  margin-bottom: 0;
}
/* line 149, scss/_6_instance.scss */
.section-content .callout.fourteenpatterns-group2 .callout-container figcaption {
  color: #a2a2a2;
}

/* line 154, scss/_6_instance.scss */
.section-content .callout.fourteenpatterns-group3 .callout-container {
  background-color: #eeeccf;
  color: #555555;
}
/* line 157, scss/_6_instance.scss */
.section-content .callout.fourteenpatterns-group3 .callout-container a {
  color: #5aa4d3;
}
/* line 161, scss/_6_instance.scss */
.section-content .callout.fourteenpatterns-group3 .callout-container .callout-headline {
  background-color: #b2aa3f;
  text-transform: uppercase;
  padding-top: .5rem;
  margin-bottom: 1.5rem;
  font-size: 120%;
}
/* line 168, scss/_6_instance.scss */
.section-content .callout.fourteenpatterns-group3 .callout-container .callout-headline.with-image {
  margin-bottom: 0;
}
/* line 173, scss/_6_instance.scss */
.section-content .callout.fourteenpatterns-group3 .callout-container figcaption {
  color: #a2a2a2;
}

/* line 178, scss/_6_instance.scss */
.callout ul.list-style-none {
  list-style-type: none;
  padding-left: 0;
}

/* line 183, scss/_6_instance.scss */
.fourteenpatterns-patternlead {
  width: 100%;
}

/* line 189, scss/_6_instance.scss */
#introduction .section-content .callout ul {
  padding: 1.25rem 0 0 0;
}

@media only screen and (min-width: 51em) {
  /* line 194, scss/_6_instance.scss */
  .fourteen-table-mobile {
    display: none;
  }
}

/* line 201, scss/_6_instance.scss */
.fourteen-table-nonmobile {
  display: none;
}
@media only screen and (min-width: 51em) {
  /* line 201, scss/_6_instance.scss */
  .fourteen-table-nonmobile {
    display: inline;
  }
}

/* line 209, scss/_6_instance.scss */
table.fourteen-table {
  font-size: 85%;
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}
/* line 215, scss/_6_instance.scss */
table.fourteen-table th {
  border: 1px solid #d7d5c6;
  padding: .33em .66em;
}
/* line 220, scss/_6_instance.scss */
table.fourteen-table td {
  vertical-align: top;
  font-weight: bold;
  line-height: 1.25;
  border: 1px solid #d7d5c6;
  padding: .66em;
}
@media only screen and (min-width: 60em) {
  /* line 209, scss/_6_instance.scss */
  table.fourteen-table {
    margin-left: 0;
  }
}
/* line 232, scss/_6_instance.scss */
table.fourteen-table .fourteen-table-col1 {
  width: 20%;
}
/* line 236, scss/_6_instance.scss */
table.fourteen-table .fourteen-table-col2 {
  width: 5%;
  text-align: center;
  font-size: 125%;
}
/* line 242, scss/_6_instance.scss */
table.fourteen-table .fourteen-table-col3, table.fourteen-table .fourteen-table-col4, table.fourteen-table .fourteen-table-col5 {
  width: 25%;
}
/* line 246, scss/_6_instance.scss */
table.fourteen-table .source {
  display: block;
  font-weight: normal;
}
/* line 250, scss/_6_instance.scss */
table.fourteen-table .source .footnote-link {
  display: inline;
}
/* line 255, scss/_6_instance.scss */
table.fourteen-table tr.fourteenpatterns-group1-title td {
  background-color: #5aa4d3;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
}
/* line 262, scss/_6_instance.scss */
table.fourteen-table tr.fourteenpatterns-group1 td {
  background-color: #eff6fb;
}
/* line 266, scss/_6_instance.scss */
table.fourteen-table tr.fourteenpatterns-group1 td.fourteen-table-col-first {
  background-color: #e7f2f9;
}
/* line 270, scss/_6_instance.scss */
table.fourteen-table tr.fourteenpatterns-group2-title td {
  background-color: #695b31;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
}
/* line 277, scss/_6_instance.scss */
table.fourteen-table tr.fourteenpatterns-group2 td {
  background-color: #f7f5ee;
}
/* line 281, scss/_6_instance.scss */
table.fourteen-table tr.fourteenpatterns-group2 td.fourteen-table-col-first {
  background-color: #efebdd;
}
/* line 285, scss/_6_instance.scss */
table.fourteen-table tr.fourteenpatterns-group3-title td {
  background-color: #b2aa3f;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
}
/* line 292, scss/_6_instance.scss */
table.fourteen-table tr.fourteenpatterns-group3 td {
  background-color: #f5f3e2;
}
/* line 296, scss/_6_instance.scss */
table.fourteen-table tr.fourteenpatterns-group3 td.fourteen-table-col-first {
  background-color: #eeeccf;
}
/* line 300, scss/_6_instance.scss */
table.fourteen-table tr.fourteenpatterns-group1 td.fourteen-table-empty, table.fourteen-table tr.fourteenpatterns-group2 td.fourteen-table-empty, table.fourteen-table tr.fourteenpatterns-group3 td.fourteen-table-empty {
  background-color: #fff;
}

/* line 305, scss/_6_instance.scss */
#patterns-start {
  color: #dd5d2b;
  border-top: 1px solid #dd5d2b;
  margin-right: 1.25rem;
  margin-left: 1.25rem;
  padding-top: 1.5rem;
  margin-top: 2rem;
}
@media only screen and (min-width: 43em) {
  /* line 305, scss/_6_instance.scss */
  #patterns-start {
    margin-right: 10%;
    margin-left: 10%;
  }
}
@media only screen and (min-width: 51em) {
  /* line 305, scss/_6_instance.scss */
  #patterns-start {
    margin-right: 15%;
    margin-left: 15%;
  }
}
@media only screen and (min-width: 60em) {
  /* line 305, scss/_6_instance.scss */
  #patterns-start {
    margin-right: 0;
    margin-left: 0;
  }
}
/* line 328, scss/_6_instance.scss */
#patterns-start .patterns-start-primary {
  font-size: 3.052rem;
  display: block;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 1.25;
}
/* line 336, scss/_6_instance.scss */
#patterns-start .patterns-start-secondary {
  font-size: 1.953rem;
  display: block;
}

/* line 342, scss/_6_instance.scss */
#patterns-start-legend {
  padding: 0 1.25rem;
  font-size: 80%;
  margin-top: 2rem;
}
/* line 347, scss/_6_instance.scss */
#patterns-start-legend ol {
  padding: 1rem 0;
}
/* line 353, scss/_6_instance.scss */
#patterns-start-legend .patterns-start-legend-title {
  text-transform: uppercase;
  text-align: center;
  font-weight: 700;
}
/* line 359, scss/_6_instance.scss */
#patterns-start-legend .patterns-start-legend-patternname {
  font-weight: 700;
  display: block;
}
/* line 366, scss/_6_instance.scss */
#patterns-start-legend #patterns-start-legend-column1 li, #patterns-start-legend #patterns-start-legend-column1 a, #patterns-start-legend #patterns-start-legend-column1 a:hover, #patterns-start-legend #patterns-start-legend-column1 a:visited, #patterns-start-legend #patterns-start-legend-column1 a:active {
  color: #5aa4d3;
}
/* line 368, scss/_6_instance.scss */
#patterns-start-legend #patterns-start-legend-column1 .patterns-start-legend-title {
  background-color: #5aa4d3;
  color: #fff;
  padding: .5em;
  display: block;
}
/* line 375, scss/_6_instance.scss */
#patterns-start-legend #patterns-start-legend-column1 .patterns-start-legend-patterndesc {
  color: #555555;
}
/* line 381, scss/_6_instance.scss */
#patterns-start-legend #patterns-start-legend-column2 li, #patterns-start-legend #patterns-start-legend-column2 a, #patterns-start-legend #patterns-start-legend-column2 a:hover, #patterns-start-legend #patterns-start-legend-column2 a:visited, #patterns-start-legend #patterns-start-legend-column2 a:active {
  color: #695b31;
}
/* line 383, scss/_6_instance.scss */
#patterns-start-legend #patterns-start-legend-column2 .patterns-start-legend-title {
  background-color: #695b31;
  color: #fff;
  padding: .5em;
  display: block;
}
/* line 390, scss/_6_instance.scss */
#patterns-start-legend #patterns-start-legend-column2 .patterns-start-legend-patterndesc {
  color: #555555;
}
/* line 396, scss/_6_instance.scss */
#patterns-start-legend #patterns-start-legend-column3 li, #patterns-start-legend #patterns-start-legend-column3 a, #patterns-start-legend #patterns-start-legend-column3 a:hover, #patterns-start-legend #patterns-start-legend-column3 a:visited, #patterns-start-legend #patterns-start-legend-column3 a:active {
  color: #b2aa3f;
}
/* line 398, scss/_6_instance.scss */
#patterns-start-legend #patterns-start-legend-column3 .patterns-start-legend-title {
  background-color: #b2aa3f;
  color: #fff;
  padding: .5em;
  display: block;
}
/* line 405, scss/_6_instance.scss */
#patterns-start-legend #patterns-start-legend-column3 .patterns-start-legend-patterndesc {
  color: #555555;
}
/* line 410, scss/_6_instance.scss */
#patterns-start-legend img.patterns-start-legend-pic {
  display: none;
}
@media only screen and (min-width: 43em) {
  /* line 415, scss/_6_instance.scss */
  #patterns-start-legend .patterns-start-legend-column {
    width: 30%;
    margin-right: 1.5%;
    margin-left: 1.5%;
    float: left;
  }
  /* line 422, scss/_6_instance.scss */
  #patterns-start-legend img.patterns-start-legend-pic {
    width: 100%;
    display: initial;
  }
}
@media only screen and (min-width: 60em) {
  /* line 342, scss/_6_instance.scss */
  #patterns-start-legend {
    padding: 0;
  }
  /* line 431, scss/_6_instance.scss */
  #patterns-start-legend .patterns-start-legend-column {
    margin-right: 3%;
    margin-left: 0;
  }
}

/* line 438, scss/_6_instance.scss */
.section-content #endnotes.footnotes p {
  margin-left: 0;
  text-indent: 0;
}

/* line 443, scss/_6_instance.scss */
#endnotes div.anchor:before {
  display: block;
  content: " ";
  margin-top: -200px;
  height: 200px;
  visibility: hidden;
}

/* line 451, scss/_6_instance.scss */
#endnotes h5 {
  font-size: 125%;
}

/* line 455, scss/_6_instance.scss */
#endnotes .footnotes-target {
  font-style: normal;
}