@charset "UTF-8";
/***************************************

SITE STYLES

By the folks at F & C

****************************************/
/*
normalize.css v5.0.0 
https://github.com/necolas/normalize.css
---------------------------------------*/
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

article,
aside,
footer,
header,
nav,
section {
  display: block; }

h1 {
  font-size: 2em; }

figcaption,
figure,
main {
  display: block; }

figure {
  margin: 1em 40px; }

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible; }

pre {
  font-family: monospace, monospace;
  font-size: 1em; }

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects; }

a:active,
a:hover {
  outline-width: 0; }

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; }

b,
strong {
  font-weight: inherit; }

b,
strong {
  font-weight: bolder; }

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

dfn {
  font-style: italic; }

mark {
  background-color: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

audio,
video {
  display: inline-block; }

audio:not([controls]) {
  display: none;
  height: 0; }

img {
  border-style: none; }

svg:not(:root) {
  overflow: hidden; }

button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  font-size: 100%;
  line-height: 1.15;
  margin: 0; }

button,
input {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal; }

progress {
  display: inline-block;
  vertical-align: baseline; }

textarea {
  overflow: auto; }

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px; }

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit; }

details,
menu {
  display: block; }

summary {
  display: list-item; }

canvas {
  display: inline-block; }

template {
  display: none; }

[hidden] {
  display: none; }

/*--------------------------------------
	
MEDIA QUERIES

---------------------------------------*/
#main:before {
  display: none; }

@media (min-width: 20.01em) {
  #main:before {
    content: "xsmall"; } }

@media (min-width: 30.01em) {
  #main:before {
    content: "small"; } }

@media (min-width: 40.01em) {
  #main:before {
    content: "medium"; } }

@media (min-width: 50.01em) {
  #main:before {
    content: "large"; } }

@media (min-width: 60.01em) {
  #main:before {
    content: "mlarge"; } }

@media (min-width: 70.01em) {
  #main:before {
    content: "xlarge"; } }

@media (min-width: 80.01em) {
  #main:before {
    content: "xxlarge"; } }

@media (min-width: 90.01em) {
  #main:before {
    content: "xxxlarge"; } }

@media (min-width: 100.01em) {
  #main:before {
    content: "xxxxlarge"; } }

/*--------------------------------------
	
SITE ROOT

---------------------------------------*/
@-ms-viewport {
  width: device-width; }

@-o-viewport {
  width: device-width; }

@viewport {
  width: device-width; }

::-moz-selection {
  background-color: #e6e6e6;
  text-shadow: none; }

::selection {
  background-color: #e6e6e6;
  text-shadow: none; }

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

* {
  margin: 0; }

* + * {
  margin-top: 1.5rem; }

body, br, li, dt, dd, th, td, option {
  margin-top: 0; }

html {
  background: #fff;
  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color: #e6e6e6; }

body {
  margin: 0 auto;
  padding: 0;
  overflow: auto;
  color: #333333;
  background-color: transparent;
  font-family: "bookmania", "Georgia", "Times New Roman", "TimesNewRoman", Times, serif;
  font-weight: 300;
  font-style: normal;
  font-variant-ligatures: common-ligatures;
  font-size: 1rem;
  /* 16px @ root em of 1 */
  line-height: 1.5;
  font-size: calc( 1rem + (1.375 - 1) * ( (100vw - 20em) / (100 - 20) ));
  /* 16px to 22px fluid scale */ }
  @media (min-width: 60.01em) {
    body {
      line-height: 1.6; } }
  @media (min-width: 100.01em) {
    body {
      font-size: 1.375em;
      /* 22px @ root em of 1, 22/16 */ } }
.page {
  margin: 0 auto;
  background-color: #fafafa; }

.container {
  width: 86%;
  margin: 0 auto; }

.test-page {
  max-width: 40em;
  padding-left: 1.5rem;
  padding-right: 1.5rem; }

a, button, input, select, textarea, label, summary {
  touch-action: manipulation; }

/*--------------------------------------
	
HEADING STYLES

---------------------------------------*/
.no-js.wf-loading h1, .no-js.wf-loading h2, .no-js.wf-loading h3, .no-js.wf-loading h4, .no-js.wf-loading h5, .no-js.wf-loading h6 {
  visibility: visible; }

.wf-loading h1, .wf-loading h2, .wf-loading h3, .wf-loading h4, .wf-loading h5, .wf-loading h6 {
  visibility: hidden; }

.wf-active h1, .wf-active h2, .wf-active h3, .wf-active h4, .wf-active h5, .wf-active h6, .wf-inactive h1, .wf-inactive h2, .wf-inactive h3, .wf-inactive h4, .wf-inactive h5, .wf-inactive h6 {
  visibility: visible; }

h1, h2, h3, h4, h5, h6 {
  font-family: "bookmania", "Georgia", "Times New Roman", "TimesNewRoman", Times, serif;
  font-weight: 400;
  font-style: normal;
  line-height: 1.15;
  color: #333333;
  text-rendering: optimizelegibility; }

h1, .h1 {
  font-size: 3rem;
  /* 48px @ root em of 1 (48/16) */
  font-size: calc( 3rem + (5 - 3) * ( (100vw - 20em) / (100 - 20) ));
  /* 48px to 80px fluid scale / (48/16) - (80/16) */ }
  @media (min-width: 90.01em) {
    h1, .h1 {
      font-size: 3.63636em;
      /* 80px @ root em of 1.375 (80/22) */ } }
h2, .h2 {
  font-size: 2rem;
  /* 32px @ root em of 1 (32/16) */
  font-size: calc( 2rem + (3 - 2) * ( (100vw - 20em) / (100 - 20) ));
  /* 32px to 48px fluid scale / (32/16) - (48/16) */ }
  @media (min-width: 90.01em) {
    h2, .h2 {
      font-size: 2.18182em;
      /* 48px @ root em of 1.375 (48/22) */ } }
h3, .h3 {
  font-size: 1.5rem;
  /* 24px @ root em of 1 (24/16) */
  font-size: calc( 1.5rem + (2 - 1.5) * ( (100vw - 20em) / (100 - 20) ));
  /* 24px to 32px fluid scale / (24/16) - (32/16) */ }
  @media (min-width: 90.01em) {
    h3, .h3 {
      font-size: 1.45455em;
      /* 32px @ root em of 1.375 (32/22) */ } }
h4, .h4 {
  font-size: 1.5rem;
  /* 24px @ root em of 1 (24/16) */
  font-weight: 300;
  font-size: calc( 1.5rem + (2 - 1.5) * ( (100vw - 20em) / (100 - 20) ));
  /* 24px to 32px fluid scale / (24/16) - (32/16) */ }
  @media (min-width: 90.01em) {
    h4, .h4 {
      font-size: 1.45455em;
      /* 32px @ root em of 1.375 (32/22) */ } }
h5, .h5 {
  font-size: 1rem;
  /* 16px @ root em of 1 */
  letter-spacing: 0.04688em;
  font-size: calc( 1rem + (1.375 - 1) * ( (100vw - 20em) / (100 - 20) ));
  /* 16px to 22px fluid scale */ }
  @media (min-width: 100.01em) {
    h5, .h5 {
      font-size: 1.375em;
      /* 22px @ root em of 1, 22/16 */ } }
h6, .h6 {
  font-size: 1rem;
  /* 16px @ root em of 1 */
  font-style: italic;
  font-size: calc( 1rem + (1.375 - 1) * ( (100vw - 20em) / (100 - 20) ));
  /* 16px to 22px fluid scale */ }
  @media (min-width: 100.01em) {
    h6, .h6 {
      font-size: 1.375em;
      /* 22px @ root em of 1, 22/16 */ } }
p + h1,
p + h2,
p + h3,
p + h4 {
  margin-top: 3rem; }

/*--------------------------------------
	
PARAGRAPH STYLES

---------------------------------------*/
p {
  margin-bottom: 1.5rem;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto; }

.lead {
  font-weight: 400;
  font-size: 1.25rem;
  /* 20px @ root em of 1 (20/16) */
  font-size: calc( 1.25rem + (1.75 - 1.25) * ( (100vw - 20em) / (100 - 20) ));
  /* 20px to 28px fluid scale / (20/16) - (28/16) */ }
  @media (min-width: 100.01em) {
    .lead {
      font-size: 1.27273em;
      /* 28px @ root em of 1.375 (28/22) */ } }
.secondary {
  font-family: "proxima-nova", "Helvetica Neue", "HelveticaNeue", Arial, sans-serif;
  font-weight: 400; }

.tertiary {
  font-size: 0.875rem;
  /* 14px @ root em of 1 (14/16) */
  font-size: calc( 0.875rem + (1.125 - 0.875) * ( (100vw - 20em) / (100 - 20) ));
  /* 14px to 18px fluid scale / (14/16) - (18/16) */ }
  @media (min-width: 100.01em) {
    .tertiary {
      font-size: 0.81818em;
      /* 18px @ root em of 1.375 (18/22) */ } }
.milli {
  font-size: 0.625rem;
  /* 10px @ root em of 1 (10/16) */
  font-size: calc( 0.625rem + (0.875 - 0.625) * ( (100vw - 20em) / (100 - 20) ));
  /* 10px to 14px fluid scale / (10/16) - (14/16) */ }
  @media (min-width: 100.01em) {
    .milli {
      font-size: 0.63636em;
      /* 14px @ root em of 1.375 (14/22) */ } }
@media (min-width: 50.01em) {
  .columns {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
    -webkit-column-gap: 3rem;
       -moz-column-gap: 3rem;
            column-gap: 3rem; } }

@media (min-width: 50.01em) {
  .columns p {
    margin-bottom: 0;
    display: inline-block;
    -webkit-hyphens: auto;
        -ms-hyphens: auto;
            hyphens: auto;
    hyphenate-limit-chars: 3;
    hyphenate-limit-lines: 4;
    text-align: justify; } }

@media (min-width: 50.01em) {
  .columns p + p {
    text-indent: 48px; } }

.columns p:last-child:after {
  content: " \00B6";
  font-size: 0.625rem; }

/*--------------------------------------
	
QUOTATIONS STYLES

---------------------------------------*/
blockquote {
  margin-top: 3rem;
  margin-bottom: 6rem;
  margin-right: 0;
  margin-left: 0;
  padding-left: 1.5rem;
  border-left-width: 0.125rem;
  border-left-style: solid;
  border-left-color: #999999; }
  @media (min-width: 40.01em) {
    blockquote {
      margin-top: 3rem;
      margin-bottom: 6rem;
      margin-right: 1.5rem;
      margin-left: 1.5rem; } }
  blockquote p {
    font-family: "bookmania", "Georgia", "Times New Roman", "TimesNewRoman", Times, serif;
    color: #999999;
    font-size: 1.25rem;
    /* 20px @ root em of 1 (20/16) */
    font-size: calc( 1.25rem + (1.75 - 1.25) * ( (100vw - 20em) / (100 - 20) ));
    /* 20px to 28px fluid scale / (20/16) - (28/16) */ }
    @media (min-width: 100.01em) {
      blockquote p {
        font-size: 1.27273em;
        /* 28px @ root em of 1.375 (28/22) */ } }
  blockquote small {
    font-family: "proxima-nova", "Helvetica Neue", "HelveticaNeue", Arial, sans-serif;
    text-transform: uppercase;
    font-size: 0.875rem;
    /* 14px @ root em of 1 (14/16) */
    font-size: calc( 0.875rem + (1.125 - 0.875) * ( (100vw - 20em) / (100 - 20) ));
    /* 14px to 18px fluid scale / (14/16) - (18/16) */ }
    @media (min-width: 100.01em) {
      blockquote small {
        font-size: 0.81818em;
        /* 18px @ root em of 1.375 (18/22) */ } }
    @media (min-width: 40.01em) {
      blockquote small {
        padding-left: 3rem; } }
cite {
  font-style: normal; }

q:before {
  content: '“'; }

q:after {
  content: '”'; }

q q:before {
  content: '‘'; }

q q:after {
  content: '’'; }

/*--------------------------------------
	
MISCELLANEOUS TYPE STYLES

---------------------------------------*/
address {
  margin-bottom: 1.5rem;
  font-size: 1rem;
  line-height: 1.5; }

abbr[title] {
  text-decoration: none;
  border-bottom: 1px dotted #999999;
  cursor: help; }

.amp {
  font-family: local("Georgia"), local("Garamond"), local("Palatino"), local("Book Antiqua"); }

dfn {
  font-style: italic; }

ins {
  background-color: #e6e6e6;
  color: #333333;
  text-decoration: none; }

mark {
  color: #333333;
  font-style: inherit;
  font-weight: inherit; }

small {
  font-size: 0.625em; }

strong {
  font-weight: bold; }

em {
  font-style: italic; }

b {
  font-weight: normal; }

i {
  font-style: normal; }

code {
  font-family: font(code);
  font-size: 0.875em;
  line-height: inherit;
  font-weight: normal;
  padding-left: 0.125em;
  padding-right: 0.125em;
  vertical-align: middle;
  border-radius: 3px;
  color: #dd0070;
  background: #e6e6e6; }

pre {
  font-family: font(code);
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

sub,
sup {
  position: relative;
  font-size: 66%;
  line-height: 0; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/*--------------------------------------
	
LIST STYLES

---------------------------------------*/
ul, ol {
  margin-left: 1.375rem;
  padding: 0; }
  ul li > ul,
  ul li > ol, ol li > ul,
  ol li > ol {
    margin-left: 1.25rem;
    margin-top: 0.5rem;
    padding: 0; }
  ul > li, ol > li {
    position: relative; }
    ul > li + li, ol > li + li {
      margin-top: 0.5rem; }

dt {
  font-weight: bold; }

dd {
  margin-bottom: 1.5rem;
  margin-left: 0; }

.dl--inline dt, .dl--inline dd {
  display: inline;
  margin-bottom: 0; }

.dl--inline dd + dt::before {
  content: "\A";
  white-space: pre; }

.dl--inline dd + dd::before {
  content: ', ';
  font-weight: normal;
  margin-left: -.25em; }

.list--inline {
  list-style-type: none;
  margin-left: 0;
  padding-left: 0; }
  @media (min-width: 40.01em) {
    .list--inline {
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: space-between;
              justify-content: space-between; } }
  @media (min-width: 40.01em) {
    .list--inline li {
      margin-right: 24px; } }
  .list--inline li:last-child {
    margin-right: 0; }

.list--plain {
  list-style-type: none;
  margin-left: 0;
  padding-left: 0; }

/*--------------------------------------
	
LINK STYLES

---------------------------------------*/
a {
  color: #999999;
  text-decoration: none;
  border-bottom: .125em solid transparent;
  transition: color 0.3s ease;
  transition: border-bottom-color 0.3s ease; }
  a:visited {
    color: #999999; }
  a:hover {
    color: #333333;
    border-bottom-color: #333333;
    outline: 0; }
  a:focus {
    color: #333333;
    outline: thin dotted; }
  a:active {
    color: #999999;
    outline: 0; }

.a-underline {
  color: #999999;
  text-decoration: none;
  position: relative;
  border: none;
  transition: color 0.3s ease; }
  .a-underline:visited {
    color: #999999; }
  .a-underline:hover {
    color: #333333;
    outline: 0; }
  .a-underline:focus {
    color: #333333;
    outline: none; }
  .a-underline:active {
    color: #999999;
    outline: none; }
  .a-underline:after {
    content: "";
    height: 0.15em;
    width: 0;
    border-bottom: 0.125em solid #333333;
    transition: width 0.3s ease;
    position: absolute;
    bottom: -0.25em; }
  .a-underline:hover:after {
    width: 100%; }

.a-underline--right:after {
  right: 0; }

.a-underline--left:after {
  left: 0; }

.a-underline--center:after {
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%); }

/*--------------------------------------
	
IMAGE STYLES

---------------------------------------*/
audio,
canvas,
img,
svg,
video {
  vertical-align: middle; }

img, video, object, svg, iframe {
  max-width: 100%;
  border: none; }

svg {
  max-height: 100%; }

iframe {
  border: 1px solid #d8d8d8; }

img[width],
img[height] {
  max-width: none; }

figure {
  display: block;
  max-width: 100%;
  margin: 1.5rem 0 0 0; }
  figure img {
    margin: 0; }

figcaption {
  font-family: "bookmania", "Georgia", "Times New Roman", "TimesNewRoman", Times, serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: normal;
  text-transform: none; }

.img--right,
.img--left,
.img--center {
  width: auto;
  margin-bottom: 1.5rem; }

.img--right {
  float: right;
  margin-left: 1.5rem; }

.img--left {
  float: left;
  margin-right: 1.5rem; }

.img--center {
  display: block;
  margin-right: auto;
  margin-left: auto; }

.img--right img,
.img--left img,
.img--center img {
  width: auto; }

/*--------------------------------------
	
ICON STYLES

---------------------------------------*/
svg path {
  fill: inherit; }

.icon {
  display: inline-block;
  fill: currentColor;
  width: 1.5em;
  height: 1.5em;
  position: relative;
  top: -0.15em;
  vertical-align: middle; }

hr {
  clear: both;
  display: block;
  height: 0.0625rem;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  margin: 1.5rem 0;
  padding: 0;
  border: 0;
  border-bottom: 0.0625rem solid #d8d8d8; }

/*--------------------------------------
	
FORM STYLES

---------------------------------------*/
.form-control {
  -webkit-appearance: none;
  display: block;
  width: 100%;
  max-width: 100%;
  margin-bottom: 24px;
  padding: 6px 11px;
  background-color: #fff;
  background-image: none;
  border: 2px solid #d8d8d8;
  border-radius: 4px;
  box-sizing: border-box;
  font-family: "bookmania", "Georgia", "Times New Roman", "TimesNewRoman", Times, serif;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
  transition: all 0.25s ease; }
  .form-control:focus {
    outline: none;
    border-color: #bfbfbf; }

form {
  margin: 3rem 0;
  padding: 0;
  border: 0;
  font-family: "bookmania", "Georgia", "Times New Roman", "TimesNewRoman", Times, serif; }
  form p {
    margin-bottom: 1.5rem; }
  form ul {
    list-style-type: none;
    margin: 0 0 1.5rem 0;
    padding: 0; }
  form li {
    margin-bottom: 0; }

legend {
  display: block;
  width: 100%;
  margin: 0 0 3rem 0;
  padding: 0 0 0.75rem 0;
  -webkit-padding-start: 0;
  -webkit-padding-end: 0;
  font-size: 1.125rem;
  font-weight: normal;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #ddd; }

fieldset {
  margin-bottom: 1.5rem;
  padding: 0;
  border: 0;
  min-width: 0; }
  fieldset:last-of-type {
    margin-bottom: 0; }

label {
  display: block;
  max-width: 100%;
  margin-bottom: 0;
  font-family: "bookmania", "Georgia", "Times New Roman", "TimesNewRoman", Times, serif;
  color: #333333; }
  label.inline {
    display: inline-block;
    margin-right: 0.5rem; }

/*--------------------------------------
	
FORM INPUT STYLES

---------------------------------------*/
input[type="checkbox"],
input[type="radio"] {
  vertical-align: text-top;
  margin: 0.25rem 0.375rem 0 0;
  margin-top: 1px \9;
  line-height: normal; }

input[type="checkbox"] {
  width: 0.9375rem;
  height: 0.9375rem; }

.inline-form-element--row {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center; }
  .inline-form-element--row input[type="checkbox"],
  .inline-form-element--row input[type="radio"] {
    margin-right: 0.625rem;
    cursor: pointer; }
  .inline-form-element--row label {
    cursor: pointer; }

input[type="checkbox"] {
  border: 1px solid #d8d8d8; }
  input[type="checkbox"] + label {
    display: inline-block; }

input[type="radio"] {
  border: 1px solid #d8d8d8; }
  input[type="radio"] + label {
    display: inline-block; }

input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
select,
textarea {
  height: 2.0625rem;
  font-family: "bookmania", "Georgia", "Times New Roman", "TimesNewRoman", Times, serif;
  font-size: 0.8125rem;
  line-height: 1.25rem;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding: 0.125rem 0.4375rem;
  border: 1px solid #d8d8d8;
  background-color: white;
  transition: box-shadow 0.15s ease, border 0.15s ease;
  box-sizing: border-box;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0; }
  @media (min-width: 50.01em) {
    input[type="color"],
    input[type="date"],
    input[type="datetime"],
    input[type="datetime-local"],
    input[type="email"],
    input[type="month"],
    input[type="number"],
    input[type="password"],
    input[type="search"],
    input[type="tel"],
    input[type="text"],
    input[type="time"],
    input[type="url"],
    input[type="week"],
    select,
    textarea {
      font-size: 0.9375rem;
      line-height: 1.4375rem; } }
  @media (min-width: 40.01em) {
    input[type="color"],
    input[type="date"],
    input[type="datetime"],
    input[type="datetime-local"],
    input[type="email"],
    input[type="month"],
    input[type="number"],
    input[type="password"],
    input[type="search"],
    input[type="tel"],
    input[type="text"],
    input[type="time"],
    input[type="url"],
    input[type="week"],
    select,
    textarea {
      max-width: 21.875rem; } }
  input[type="color"]:focus,
  input[type="date"]:focus,
  input[type="datetime"]:focus,
  input[type="datetime-local"]:focus,
  input[type="email"]:focus,
  input[type="month"]:focus,
  input[type="number"]:focus,
  input[type="password"]:focus,
  input[type="search"]:focus,
  input[type="tel"]:focus,
  input[type="text"]:focus,
  input[type="time"]:focus,
  input[type="url"]:focus,
  input[type="week"]:focus,
  select:focus,
  textarea:focus {
    outline: none;
    box-shadow: 0 0 3px 1px #ddd; }
  input[type="color"]::-webkit-input-placeholder,
  input[type="date"]::-webkit-input-placeholder,
  input[type="datetime"]::-webkit-input-placeholder,
  input[type="datetime-local"]::-webkit-input-placeholder,
  input[type="email"]::-webkit-input-placeholder,
  input[type="month"]::-webkit-input-placeholder,
  input[type="number"]::-webkit-input-placeholder,
  input[type="password"]::-webkit-input-placeholder,
  input[type="search"]::-webkit-input-placeholder,
  input[type="tel"]::-webkit-input-placeholder,
  input[type="text"]::-webkit-input-placeholder,
  input[type="time"]::-webkit-input-placeholder,
  input[type="url"]::-webkit-input-placeholder,
  input[type="week"]::-webkit-input-placeholder,
  select::-webkit-input-placeholder,
  textarea::-webkit-input-placeholder {
    color: silver; }
  input[type="color"]:-moz-placeholder,
  input[type="date"]:-moz-placeholder,
  input[type="datetime"]:-moz-placeholder,
  input[type="datetime-local"]:-moz-placeholder,
  input[type="email"]:-moz-placeholder,
  input[type="month"]:-moz-placeholder,
  input[type="number"]:-moz-placeholder,
  input[type="password"]:-moz-placeholder,
  input[type="search"]:-moz-placeholder,
  input[type="tel"]:-moz-placeholder,
  input[type="text"]:-moz-placeholder,
  input[type="time"]:-moz-placeholder,
  input[type="url"]:-moz-placeholder,
  input[type="week"]:-moz-placeholder,
  select:-moz-placeholder,
  textarea:-moz-placeholder {
    /* Firefox 18- */
    color: silver; }
  input[type="color"]::-moz-placeholder,
  input[type="date"]::-moz-placeholder,
  input[type="datetime"]::-moz-placeholder,
  input[type="datetime-local"]::-moz-placeholder,
  input[type="email"]::-moz-placeholder,
  input[type="month"]::-moz-placeholder,
  input[type="number"]::-moz-placeholder,
  input[type="password"]::-moz-placeholder,
  input[type="search"]::-moz-placeholder,
  input[type="tel"]::-moz-placeholder,
  input[type="text"]::-moz-placeholder,
  input[type="time"]::-moz-placeholder,
  input[type="url"]::-moz-placeholder,
  input[type="week"]::-moz-placeholder,
  select::-moz-placeholder,
  textarea::-moz-placeholder {
    /* Firefox 19+ */
    color: silver; }
  input[type="color"]:-ms-input-placeholder,
  input[type="date"]:-ms-input-placeholder,
  input[type="datetime"]:-ms-input-placeholder,
  input[type="datetime-local"]:-ms-input-placeholder,
  input[type="email"]:-ms-input-placeholder,
  input[type="month"]:-ms-input-placeholder,
  input[type="number"]:-ms-input-placeholder,
  input[type="password"]:-ms-input-placeholder,
  input[type="search"]:-ms-input-placeholder,
  input[type="tel"]:-ms-input-placeholder,
  input[type="text"]:-ms-input-placeholder,
  input[type="time"]:-ms-input-placeholder,
  input[type="url"]:-ms-input-placeholder,
  input[type="week"]:-ms-input-placeholder,
  select:-ms-input-placeholder,
  textarea:-ms-input-placeholder {
    color: silver; }
  input[type="color"].input--large,
  input[type="date"].input--large,
  input[type="datetime"].input--large,
  input[type="datetime-local"].input--large,
  input[type="email"].input--large,
  input[type="month"].input--large,
  input[type="number"].input--large,
  input[type="password"].input--large,
  input[type="search"].input--large,
  input[type="tel"].input--large,
  input[type="text"].input--large,
  input[type="time"].input--large,
  input[type="url"].input--large,
  input[type="week"].input--large,
  select.input--large,
  textarea.input--large {
    padding: 0.5rem 0.75rem;
    height: auto; }

[placeholder]:focus::-webkit-input-placeholder {
  opacity: 0;
  -webkit-transition: opacity .5s .5s ease;
  transition: opacity .5s .5s ease; }

input[type="search"] {
  -webkit-appearance: none;
  -webkit-border-radius: 0; }
  input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration {
    -webkit-appearance: none; }

input[type="month"],
input[type="time"],
input[type="week"] {
  font-family: inherit; }

input[type="color"][disabled],
input[type="date"][disabled],
input[type="datetime"][disabled],
input[type="datetime-local"][disabled],
input[type="email"][disabled],
input[type="month"][disabled],
input[type="number"][disabled],
input[type="password"][disabled],
input[type="search"][disabled],
input[type="tel"][disabled],
input[type="text"][disabled],
input[type="time"][disabled],
input[type="url"][disabled],
input[type="week"][disabled],
select[disabled],
textarea[disabled] {
  background: silver;
  color: lightgray; }

input[disabled] ~ label {
  cursor: default; }

input[type="text"] {
  border: 1px solid #d8d8d8;
  width: 50%; }
  input[type="text"]:focus {
    border: 1px solid #d8d8d8; }

input[type="text"].form__error--style {
  border: solid 1px red; }
  input[type="text"].form__error--style:focus {
    border: 1px solid #d8d8d8; }

textarea {
  width: 100%;
  height: auto;
  max-width: 100%;
  resize: vertical;
  min-height: 9rem;
  border: 1px solid #d8d8d8;
  padding: 0.75rem; }
  textarea:focus {
    border: 1px solid #d8d8d8; }

select[multiple],
select[size] {
  height: auto; }

select[size="0"],
select[size="1"] {
  height: 2.5em; }

select::-ms-expand {
  display: none; }

select,
select[size="0"],
select[size="1"] {
  border-radius: 0;
  box-shadow: none;
  font-size: 0.8125rem;
  height: 2.0625rem; }

.form__select select {
  -webkit-appearance: none; }

select {
  -moz-appearance: menulist;
  -webkit-appearance: menulist;
  margin-bottom: 1.5rem;
  width: auto;
  max-width: 100%; }

/*--------------------------------------
	
BUTTON STYLES

---------------------------------------*/
.button-alpha,
button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  font-family: "bookmania", "Georgia", "Times New Roman", "TimesNewRoman", Times, serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  display: inline-block;
  padding: 0.75rem 1.5rem;
  color: #333333;
  background-color: transparent;
  border: 0.125rem solid #333333;
  transition: all 0.3s ease; }
  @media (min-width: 50.01em) {
    .button-alpha,
    button,
    input[type="submit"],
    input[type="button"],
    input[type="reset"] {
      font-size: 1.125rem;
      line-height: 1.6; } }
  @media (min-width: 90.01em) {
    .button-alpha,
    button,
    input[type="submit"],
    input[type="button"],
    input[type="reset"] {
      font-size: 1.25rem; } }
  .button-alpha:visited,
  button:visited,
  input[type="submit"]:visited,
  input[type="button"]:visited,
  input[type="reset"]:visited {
    color: #333333; }
  .button-alpha:focus, .button-alpha:hover,
  button:focus,
  button:hover,
  input[type="submit"]:focus,
  input[type="submit"]:hover,
  input[type="button"]:focus,
  input[type="button"]:hover,
  input[type="reset"]:focus,
  input[type="reset"]:hover {
    color: #fff;
    border-color: #333333;
    background-color: #333333; }

button:disabled,
input[type="submit"]:disabled,
input[type="button"]:disabled,
input[type="reset"]:disabled {
  color: #ddd;
  background: transparent;
  border-color: #ddd;
  cursor: not-allowed;
  -webkit-text-fill-color: #ddd;
  -webkit-opacity: 1; }

.button-alpha--inverse {
  color: #fff;
  background-color: transparent;
  border-color: #fff; }
  .button-alpha--inverse:visited {
    color: #fff; }
  .button-alpha--inverse:focus, .button-alpha--inverse:hover {
    color: #444;
    border-color: #fff;
    background-color: #fff; }

.button-animated {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  font-family: "bookmania", "Georgia", "Times New Roman", "TimesNewRoman", Times, serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  display: inline-block;
  padding: 0.75rem 1.5rem;
  color: #333333;
  background-color: transparent;
  border: 0.125rem solid #333333;
  transition: color 0.3s ease-in-out;
  display: inline-block;
  position: relative;
  z-index: 2; }
  @media (min-width: 50.01em) {
    .button-animated {
      font-size: 1.125rem;
      line-height: 1.6; } }
  @media (min-width: 90.01em) {
    .button-animated {
      font-size: 1.25rem; } }
  .button-animated:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 0;
    background-color: #333333;
    transition: width .3s ease-in-out; }
  .button-animated:visited {
    color: #333333; }
  .button-animated:hover, .button-animated:focus, .button-animated:active {
    color: #fff;
    background-color: transparent; }
  .button-animated:hover:before, .button-animated:focus:before, .button-animated:active:before {
    width: 100%; }

.button-animated--inverse {
  color: #fff;
  background-color: transparent;
  border: 0.125rem solid #fff; }
  .button-animated--inverse:before {
    background-color: #fff; }
  .button-animated--inverse:visited {
    color: #fff; }
  .button-animated--inverse:hover, .button-animated--inverse:focus, .button-animated--inverse:active {
    color: #444;
    background-color: transparent;
    border: 0.125rem solid #fff; }

/* Button Sizes (Working on this)
	
// mini

.btn--mini {
	padding : 3px 12px 4px;
	font-size: $button-mini-font-size; }

a.btn--mini {
	padding-top : 0;
	padding-bottom : 1px; }

// small

.btn--small {
	padding : 6px 20px;
	font-size:$button-small-font-size; }

a.btn--small {
	padding-top : 3px;
	padding-bottom : 3px; }

// large

.btn--large {
	padding : 10px 24px;
	font-size: $button-large-font-size; }

a.btn--large {
	padding-top : 8px;
	padding-bottom : 8px; }

.btn--block {
	display : block;
	padding-right : 0;
	padding-left : 0;
	width : 100%;
	text-align : center; }

*/
/*--------------------------------------
	
TABLE STYLES

---------------------------------------*/
table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1.5rem;
  font-family: "bookmania", "Georgia", "Times New Roman", "TimesNewRoman", Times, serif;
  border-collapse: collapse;
  background-color: transparent; }

caption {
  margin-bottom: 1.5rem;
  font-weight: normal;
  text-align: left; }

th,
td {
  padding: 0.5rem;
  border: 0.0625rem solid #d8d8d8;
  font-size: 0.875rem;
  line-height: 1.5;
  text-align: left; }

th {
  font-weight: normal;
  background-color: #f2f2f2; }

@media (max-width: 40em) {
  thead tr,
  tfoot tr {
    position: absolute;
    top: -9999em;
    left: -9999em; }
  tr {
    border: 0.0625rem solid #d8d8d8; }
  tr + tr {
    margin-top: 1.5rem; }
  tr,
  td {
    display: block; }
  td:nth-child(odd) {
    background-color: #f2f2f2; }
  td {
    border: none;
    padding-left: 50%; }
  td:before {
    content: attr(data-label);
    display: inline-block;
    font-weight: normal;
    line-height: 1.5;
    margin-left: -100%;
    width: 100%; } }

@media (max-width: 20em) {
  td {
    padding-left: 0.75em; }
  td:before {
    display: block;
    margin-bottom: 0.75em;
    margin-left: 0; } }

.table--stripe tbody tr:nth-child(odd) td,
.table--stripe tbody tr:nth-child(odd) th {
  background-color: #e6e6e6;
  color: #333333; }

/*--------------------------------------
	
HEADER & NAVIGATION STYLES

---------------------------------------*/
.header {
  position: relative;
  z-index: 100;
  margin: 0 auto;
  width: 100%;
  height: 4.25em;
  background-color: #fafafa;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-align-items: center;
          align-items: center; }

@media (min-width: 50.01em) {
  .header:before {
    content: "close-menu";
    display: none; } }

.header-navbar {
  margin: 0 auto;
  display: block;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-align-items: center;
          align-items: center; }
  @media (min-width: 50.01em) {
    .header-navbar {
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: row;
              flex-direction: row;
      -webkit-justify-content: flex-end;
              justify-content: flex-end;
      -webkit-align-items: center;
              align-items: center; } }
.header-logo {
  position: relative;
  top: 0.125em;
  z-index: 120;
  width: 10em;
  height: auto; }
  @media (min-width: 50.01em) {
    .header-logo {
      z-index: auto;
      -webkit-flex: 1 1 10em;
              flex: 1 1 10em; } }
.header-logo--item {
  display: inherit;
  width: 100%;
  height: auto;
  fill: currentColor; }

.header-logo a {
  color: #333333;
  border-bottom: none;
  transition: color .25s ease; }

.header-logo a:hover {
  color: #999999; }

@media (pointer: coarse) {
  .header-logo a:hover {
    color: #999999; } }

.nav {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  margin: 0;
  padding: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-align-items: center;
          align-items: center;
  background-color: #333333;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  transition-property: visibility, -webkit-transform;
  transition-property: visibility, transform;
  transition-property: visibility, transform, -webkit-transform;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.22, 0.38, 0.53, 0.99); }
  @media (min-width: 50.01em) {
    .nav {
      position: relative;
      z-index: auto;
      height: auto;
      -webkit-flex: 2 2 100%;
              flex: 2 2 100%;
      -webkit-flex-direction: row;
              flex-direction: row;
      -webkit-justify-content: flex-end;
              justify-content: flex-end;
      background-color: transparent;
      visibility: visible;
      opacity: 1;
      -webkit-transform: none !important;
              transform: none !important;
      transition-property: none !important; } }
.nav-list {
  margin: 0 auto;
  list-style: none;
  font-family: "bookmania", "Georgia", "Times New Roman", "TimesNewRoman", Times, serif;
  font-weight: 400;
  font-size: 2.25em;
  text-align: center; }
  @media (min-width: 40.01em) {
    .nav-list {
      font-size: 3em; } }
@media (min-width: 30.01em) and (orientation: landscape) {
  .nav-list {
    font-size: 8vh;
    margin: 36px auto 3.5vh;
    padding: 2.5vh 0 3.5vh; } }
  @media (min-width: 50.01em) {
    .nav-list {
      margin: -0.25em auto 0 auto;
      padding: 0;
      width: 100%;
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: flex-end;
              justify-content: flex-end;
      -webkit-align-items: baseline;
              align-items: baseline;
      font-size: 1em;
      text-align: left;
      border: none; } }
@media (min-width: 50.01em) {
  .nav-list li {
    margin-left: 1.5vw; } }

.nav-list a {
  display: block;
  color: #fff;
  text-decoration: none;
  border-bottom: none;
  transition: color 0.3s ease; }
  .nav-list a:visited {
    color: #fff; }
  .nav-list a:hover {
    color: #999999;
    outline: 0; }
  .nav-list a:focus {
    color: #fff;
    outline: thin dotted; }
  .nav-list a:active {
    color: #999999;
    outline: 0; }
  @media (min-width: 50.01em) {
    .nav-list a {
      color: #333333;
      text-decoration: none;
      position: relative;
      border: none;
      transition: color 0.25s ease; }
      .nav-list a:visited {
        color: #333333; }
      .nav-list a:hover {
        color: #999999;
        outline: 0; }
      .nav-list a:focus {
        color: #999999;
        outline: none; }
      .nav-list a:active {
        color: #333333;
        outline: none; }
      .nav-list a:before {
        content: "";
        height: 0.15em;
        width: 0;
        border-bottom: 0.125em solid #333333;
        transition: width 0.25s ease;
        position: absolute;
        bottom: -0.05em; }
      .nav-list a:hover:before {
        width: 100%; } }
/*!
 * @author Jonathan Suh @jonsuh
 * @link https://github.com/jonsuh/hamburgers
 */
.nav-toggle {
  position: relative;
  top: 0.5em;
  z-index: 120;
  margin: 0;
  padding: 0;
  display: block;
  cursor: pointer;
  transition: opacity 0.15s linear;
  font: inherit;
  text-transform: none;
  color: inherit;
  background-color: transparent;
  opacity: 1;
  border: 0;
  overflow: visible; }
  @media (min-width: 50.01em) {
    .nav-toggle {
      display: none; } }
.nav-toggle:hover {
  opacity: 0.65;
  background-color: transparent; }

@media (pointer: coarse) {
  .nav-toggle:hover {
    opacity: 1; } }

.nav-toggle--box {
  margin: 0;
  padding: 0;
  width: 32px;
  height: 24px;
  display: inline-block;
  position: relative; }

.nav-toggle--inner {
  display: block;
  top: 50%;
  margin-top: -2px; }

.nav-toggle--inner, .nav-toggle--inner::before, .nav-toggle--inner::after {
  width: 32px;
  height: 3px;
  background-color: #333333;
  position: absolute;
  transition: -webkit-transform 0.15s ease;
  transition: transform 0.15s ease;
  transition: transform 0.15s ease, -webkit-transform 0.15s ease; }

.nav-toggle--inner::before, .nav-toggle--inner::after {
  content: "";
  display: block; }

.nav-toggle--inner::before {
  top: -8px; }

.nav-toggle--inner::after {
  bottom: -8px; }

/* Nav Toggle Slider */
.nav-toggle--slider .nav-toggle--inner {
  top: 2px; }

.nav-toggle--slider .nav-toggle--inner::before {
  top: 8px;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  transition-timing-function: ease;
  transition-duration: 0.15s; }

.nav-toggle--slider .nav-toggle--inner::after {
  top: 16px; }

.scroll-lock {
  overflow: hidden !important;
  position: fixed;
  height: intrinsic; }

.menu-is-open .header {
  position: fixed;
  top: 0;
  left: 0; }

.menu-is-open .header-logo a {
  color: #fff; }

.menu-is-open .header-logo a:hover {
  color: #999999; }

@media (pointer: coarse) {
  .menu-is-open .header-logo a:hover {
    color: #333333; } }

.menu-is-open .nav {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0); }

@media (min-width: 50.01em) {
  .menu-is-open .header {
    position: relative;
    top: auto;
    left: auto;
    background-color: pink; }
  .menu-is-open .header-logo a {
    color: #333333; }
  .menu-is-open .header-logo a:hover {
    color: #999999; } }

@media (min-width: 50.01em) and (pointer: coarse) {
  .menu-is-open .header-logo a:hover {
    color: #999999; } }

.menu-is-open .nav-toggle--slider .nav-toggle--inner {
  -webkit-transform: translate3d(0, 8px, 0) rotate(45deg);
          transform: translate3d(0, 8px, 0) rotate(45deg);
  background-color: #fff; }

.menu-is-open .nav-toggle--slider .nav-toggle--inner::before {
  -webkit-transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
          transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
  background-color: #fff;
  opacity: 0; }

.menu-is-open .nav-toggle--slider .nav-toggle--inner::after {
  -webkit-transform: translate3d(0, -16px, 0) rotate(-90deg);
          transform: translate3d(0, -16px, 0) rotate(-90deg);
  background-color: #fff; }

/*--------------------------------------
	
HERO & FEATURE PANEL STYLES

---------------------------------------*/
.hero {
  margin: 0 auto;
  height: calc(100vh - 4.25em);
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  -webkit-align-items: center;
          align-items: center;
  background-color: #fafafa; }

.hero-text {
  max-width: 40em;
  text-align: left; }
  .hero-text h1 {
    font-size: 2rem;
    /* 32px @ root em of 1 (32/16) */
    font-size: calc( 2rem + (3.75 - 2) * ( (100vw - 20em) / (100 - 20) ));
    /* 32px to 60px fluid scale / (32/16) - (60/16) */
    line-height: 1.15; }
    @media (min-width: 90.01em) {
      .hero-text h1 {
        font-size: 2.72727em;
        /* 60px @ root em of 1.375 (60/22) */ } }
@media (min-width: 30.01em) and (orientation: landscape) {
  .hero-text {
    padding-top: 1em; } }

.spread {
  position: relative; }
  .spread p {
    font-size: 1.25rem;
    /* 20px @ root em of 1 (20/16) */
    font-size: calc( 1.25rem + (1.75 - 1.25) * ( (100vw - 20em) / (100 - 20) ));
    /* 20px to 28px fluid scale / (20/16) - (28/16) */ }
    @media (min-width: 100.01em) {
      .spread p {
        font-size: 1.27273em;
        /* 28px @ root em of 1.375 (28/22) */ } }
.spread--practice {
  background-color: #333333;
  color: #fafafa; }

.spread--practice a:hover {
  color: #fafafa;
  border-bottom-color: #fafafa;
  outline: 0; }

.spread--client {
  background-color: #e6e6e6; }

.spread-inner {
  padding: 3.75em 0; }

@media (min-width: 40.01em) {
  .spread-inner {
    padding: 2.25em 0 3.75em 0;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-align-items: center;
            align-items: center; }
  .spread-inner .spread-cell {
    -webkit-flex: 1;
            flex: 1; }
  .spread-cell--right {
    padding-left: 3em;
    padding-top: 1.5em; }
  .spread--practice .spread-cell--right {
    border-left: 1px solid #fafafa; }
  .spread--client .spread-cell--right {
    border-left: 1px solid #333333; }
  .spread-cell-inner {
    max-width: 20em; } }

.intro-panel {
  margin: 0 auto;
  padding: 1.5em 0;
  max-width: 40em;
  text-align: left; }

/*--------------------------------------
	
FOOTER STYLES

---------------------------------------*/
.footer {
  padding: 3em 0;
  font-family: "proxima-nova", "Helvetica Neue", "HelveticaNeue", Arial, sans-serif;
  font-weight: 400;
  line-height: 1.5;
  font-size: 0.875rem;
  /* 14px @ root em of 1 (14/16) */
  font-size: calc( 0.875rem + (1.125 - 0.875) * ( (100vw - 20em) / (100 - 20) ));
  /* 14px to 18px fluid scale / (14/16) - (18/16) */
  color: #fafafa;
  background-color: #333333; }
  @media (min-width: 100.01em) {
    .footer {
      font-size: 0.81818em;
      /* 18px @ root em of 1.375 (18/22) */ } }
.footer-details {
  margin: 0.75em auto; }
  .footer-details > div {
    margin-top: 0; }
  .footer-details a {
    color: #fafafa;
    transition: color .25s ease;
    border-bottom: none; }
  .footer-details a:hover {
    color: #999999; }
  @media (min-width: 40.01em) {
    .footer-details {
      text-align: center; } }
.longform {
  max-width: 40em;
  padding-bottom: 1.5em; }

#page--home main {
  margin-top: 0; }

.badges-inner {
  text-align: center;
  padding: 2em 0; }
  @media (min-width: 40.01em) {
    .badges-inner {
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: row;
              flex-direction: row;
      -webkit-justify-content: center;
              justify-content: center;
      -webkit-align-items: baseline;
              align-items: baseline; }
      .badges-inner img {
        width: 80%;
        height: auto; } }
/*--------------------------------------
	
UTILITY STYLES

---------------------------------------*/
.clearfix:after {
  content: "";
  display: table;
  clear: both; }

.unclearfix:after {
  display: initial;
  clear: none; }

.sr-only {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important; }

.sr-only-focusable:focus,
.sr-only-focusable:active {
  clip: auto !important;
  -webkit-clip-path: none !important;
  clip-path: none !important;
  height: auto !important;
  overflow: visible !important;
  width: auto !important;
  white-space: normal !important; }

.tabindex:focus {
  outline: none; }

/*--------------------------------------
	
MEDIA QUERIES TEST

---------------------------------------*/
/*# sourceMappingURL=styles.css.map */