@charset "UTF-8";
/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/* URL: Brand ID Kit template
 * Creatied: September 2015
 * Last update: July 2015
 *
 * Author: Alex Tapper, Compound
 * URL: compound-creative.com
 *
 *
   Table of Contents:

   0. Variables
   1. Universal
   2. Buttons
   3. Header
   4. Footer
   5. Colors
   6. Utility Classes

 */
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
/* line 9, ../sass/normalize.scss */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove default margin.
 */
/* line 19, ../sass/normalize.scss */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
/* line 33, ../sass/normalize.scss */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
/* line 54, ../sass/normalize.scss */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

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

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

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

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

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
/* line 109, ../sass/normalize.scss */
abbr[title] {
  border-bottom: 1px dotted;
}

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

/**
 * Address styling not present in Safari and Chrome.
 */
/* line 126, ../sass/normalize.scss */
dfn {
  font-style: italic;
}

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

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

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

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

/* line 169, ../sass/normalize.scss */
sup {
  top: -0.5em;
}

/* line 173, ../sass/normalize.scss */
sub {
  bottom: -0.25em;
}

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

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
/* line 192, ../sass/normalize.scss */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
/* line 203, ../sass/normalize.scss */
figure {
  margin: 1em 40px;
}

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

/**
 * Contain overflow in all browsers.
 */
/* line 221, ../sass/normalize.scss */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
/* line 229, ../sass/normalize.scss */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
/* line 252, ../sass/normalize.scss */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
/* line 266, ../sass/normalize.scss */
button {
  overflow: visible;
}

/**
 * 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 Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
/* line 277, ../sass/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 290, ../sass/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 302, ../sass/normalize.scss */
button[disabled],
html input[disabled] {
  cursor: default;
}

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

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

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
/* line 334, ../sass/normalize.scss */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
/* line 346, ../sass/normalize.scss */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
/* line 357, ../sass/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 and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
/* line 370, ../sass/normalize.scss */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
/* line 379, ../sass/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/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
/* line 390, ../sass/normalize.scss */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
/* line 399, ../sass/normalize.scss */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
/* line 408, ../sass/normalize.scss */
optgroup {
  font-weight: bold;
}

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

/* line 424, ../sass/normalize.scss */
td,
th {
  padding: 0;
}

/*
* Skeleton V2.0.4
* Copyright 2014, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 12/29/2014
*/
/* Table of contents
––––––––––––––––––––––––––––––––––––––––––––––––––
- Grid
- Base Styles
- Typography
- Links
- Buttons
- Forms
- Lists
- Code
- Tables
- Spacing
- Utilities
- Clearing
- Media Queries
*/
/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* line 31, ../sass/skeleton.scss */
.container {
  position: relative;
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
}

/* line 38, ../sass/skeleton.scss */
.column,
.columns {
  width: 100%;
  float: left;
  box-sizing: border-box;
}

/* For devices larger than 400px */
@media (min-width: 400px) {
  /* line 46, ../sass/skeleton.scss */
  .container {
    width: 85%;
    padding: 0;
  }
}
/* For devices larger than 550px */
@media (min-width: 550px) {
  /* line 53, ../sass/skeleton.scss */
  .container {
    width: 80%;
  }

  /* line 55, ../sass/skeleton.scss */
  .column,
  .columns {
    margin-left: 4%;
  }

  /* line 58, ../sass/skeleton.scss */
  .column:first-child,
  .columns:first-child {
    margin-left: 0;
  }

  /* line 62, ../sass/skeleton.scss */
  .one.column,
  .one.columns {
    width: 4.66666666667%;
  }

  /* line 64, ../sass/skeleton.scss */
  .two.columns {
    width: 13.3333333333%;
  }

  /* line 65, ../sass/skeleton.scss */
  .three.columns {
    width: 22%;
  }

  /* line 66, ../sass/skeleton.scss */
  .four.columns {
    width: 30.6666666667%;
  }

  /* line 67, ../sass/skeleton.scss */
  .five.columns {
    width: 39.3333333333%;
  }

  /* line 68, ../sass/skeleton.scss */
  .six.columns {
    width: 48%;
  }

  /* line 69, ../sass/skeleton.scss */
  .seven.columns {
    width: 56.6666666667%;
  }

  /* line 70, ../sass/skeleton.scss */
  .eight.columns {
    width: 65.3333333333%;
  }

  /* line 71, ../sass/skeleton.scss */
  .nine.columns {
    width: 74.0%;
  }

  /* line 72, ../sass/skeleton.scss */
  .ten.columns {
    width: 82.6666666667%;
  }

  /* line 73, ../sass/skeleton.scss */
  .eleven.columns {
    width: 91.3333333333%;
  }

  /* line 74, ../sass/skeleton.scss */
  .twelve.columns {
    width: 100%;
    margin-left: 0;
  }

  /* line 76, ../sass/skeleton.scss */
  .one-third.column {
    width: 30.6666666667%;
  }

  /*.two-thirds.column              { width: 65.3333333333%; }*/
  /*Compound edit*/
  /* line 79, ../sass/skeleton.scss */
  .two-thirds.column {
    width: 60.666666666%;
  }

  /* line 81, ../sass/skeleton.scss */
  .one-half.column {
    width: 48%;
  }

  /* Offsets */
  /* line 84, ../sass/skeleton.scss */
  .offset-by-one.column,
  .offset-by-one.columns {
    margin-left: 8.66666666667%;
  }

  /* line 86, ../sass/skeleton.scss */
  .offset-by-two.column,
  .offset-by-two.columns {
    margin-left: 17.3333333333%;
  }

  /* line 88, ../sass/skeleton.scss */
  .offset-by-three.column,
  .offset-by-three.columns {
    margin-left: 26%;
  }

  /* line 90, ../sass/skeleton.scss */
  .offset-by-four.column,
  .offset-by-four.columns {
    margin-left: 34.6666666667%;
  }

  /* line 92, ../sass/skeleton.scss */
  .offset-by-five.column,
  .offset-by-five.columns {
    margin-left: 43.3333333333%;
  }

  /* line 94, ../sass/skeleton.scss */
  .offset-by-six.column,
  .offset-by-six.columns {
    margin-left: 52%;
  }

  /* line 96, ../sass/skeleton.scss */
  .offset-by-seven.column,
  .offset-by-seven.columns {
    margin-left: 60.6666666667%;
  }

  /* line 98, ../sass/skeleton.scss */
  .offset-by-eight.column,
  .offset-by-eight.columns {
    margin-left: 69.3333333333%;
  }

  /* line 100, ../sass/skeleton.scss */
  .offset-by-nine.column,
  .offset-by-nine.columns {
    margin-left: 78.0%;
  }

  /* line 102, ../sass/skeleton.scss */
  .offset-by-ten.column,
  .offset-by-ten.columns {
    margin-left: 86.6666666667%;
  }

  /* line 104, ../sass/skeleton.scss */
  .offset-by-eleven.column,
  .offset-by-eleven.columns {
    margin-left: 95.3333333333%;
  }

  /* line 107, ../sass/skeleton.scss */
  .offset-by-one-third.column,
  .offset-by-one-third.columns {
    margin-left: 34.6666666667%;
  }

  /* line 109, ../sass/skeleton.scss */
  .offset-by-two-thirds.column,
  .offset-by-two-thirds.columns {
    margin-left: 69.3333333333%;
  }

  /* line 112, ../sass/skeleton.scss */
  .offset-by-one-half.column,
  .offset-by-one-half.columns {
    margin-left: 52%;
  }
}
/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) */
/* line 123, ../sass/skeleton.scss */
html {
  font-size: 62.5%;
}

/* line 125, ../sass/skeleton.scss */
body {
  font-size: 1.5em;
  /* currently ems cause chrome bug misinterpreting rems on body element */
  line-height: 1.6;
  font-weight: 500;
  font-family: "proxima-nova", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #020202;
}

/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* line 135, ../sass/skeleton.scss */
h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 2rem;
  font-weight: 300;
}

/* line 139, ../sass/skeleton.scss */
h1 {
  font-size: 4.0rem;
  line-height: 1.2;
  letter-spacing: -.1rem;
}

/* line 140, ../sass/skeleton.scss */
h2 {
  font-size: 3.6rem;
  line-height: 1.25;
  letter-spacing: -.1rem;
}

/* line 141, ../sass/skeleton.scss */
h3 {
  font-size: 3.0rem;
  line-height: 1.3;
  letter-spacing: -.1rem;
}

/* line 142, ../sass/skeleton.scss */
h4 {
  font-size: 2.4rem;
  line-height: 1.35;
  letter-spacing: -.08rem;
}

/* line 143, ../sass/skeleton.scss */
h5 {
  font-size: 1.8rem;
  line-height: 1.5;
  letter-spacing: -.05rem;
}

/* line 144, ../sass/skeleton.scss */
h6 {
  font-size: 1.5rem;
  line-height: 1.6;
  letter-spacing: 0;
}

/* Larger than phablet */
@media (min-width: 550px) {
  /* line 148, ../sass/skeleton.scss */
  h1 {
    font-size: 5.0rem;
  }

  /* line 149, ../sass/skeleton.scss */
  h2 {
    font-size: 3.0rem;
  }

  /* line 150, ../sass/skeleton.scss */
  h3 {
    font-size: 3.6rem;
  }

  /* line 151, ../sass/skeleton.scss */
  h4 {
    font-size: 3.0rem;
  }

  /* line 152, ../sass/skeleton.scss */
  h5 {
    font-size: 2.4rem;
  }

  /* line 153, ../sass/skeleton.scss */
  h6 {
    font-size: 1.5rem;
  }
}
/* line 156, ../sass/skeleton.scss */
p {
  margin-top: 0;
}

/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* line 162, ../sass/skeleton.scss */
a {
  /*color: #1EAEDB;*/
  /*color: #020202;*/
  text-decoration: none;
}

/* line 168, ../sass/skeleton.scss */
a:hover {
  /*color: #0FA0CE;*/
  /*color: #ABC6C5;*/
}

/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* line 176, ../sass/skeleton.scss */
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  display: inline-block;
  height: 38px;
  width: 200px;
  padding: 0 30px;
  /*color: #555;*/
  text-align: center;
  font-size: 11px;
  font-weight: 600;
  line-height: 38px;
  letter-spacing: .1rem;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  /*background-color: #fefefe;*/
  border-radius: 0;
  /*border: 2px solid #ABC6C5;*/
  cursor: pointer;
  box-sizing: border-box;
}

/* line 199, ../sass/skeleton.scss */
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
  /*color: #333;*/
  /*border-color: #edce60;*/
  /*background-color: #ABC6C5;*/
  /*outline: 0; */
}

/* line 215, ../sass/skeleton.scss */
.button.button-primary,
button.button-primary,
input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary {
  /*color: #FFF;*/
  /*background-color: #33C3F0;*/
  /*border-color: #33C3F0; */
}

/* line 225, ../sass/skeleton.scss */
.button.button-primary:hover,
button.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus {
  /*color: #FFF;*/
  /*background-color: #1EAEDB;*/
  /*border-color: #1EAEDB; */
}

/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* line 243, ../sass/skeleton.scss */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
  height: 38px;
  padding: 6px 10px;
  /* The 6px vertically centers text on FF, ignored by Webkit */
  background-color: transparent;
  /*border: none;*/
  border-bottom: 1px solid #2c3e4f;
  /*contact box border*/
  border: 1px solid #2c3e4f;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
}

/* Removes awkward default styles on some inputs for iOS */
/* line 262, ../sass/skeleton.scss */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* line 273, ../sass/skeleton.scss */
textarea {
  min-height: 203px;
  padding-top: 6px;
  padding-bottom: 6px;
}

/* line 277, ../sass/skeleton.scss */
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
  border-bottom: 1px solid #e8e8e8;
  /*contact box border*/
  border: 1px solid #e8e8e8;
  outline: 0;
}

/* line 289, ../sass/skeleton.scss */
label,
legend {
  display: block;
  margin-bottom: .5rem;
  font-weight: 600;
}

/* line 294, ../sass/skeleton.scss */
fieldset {
  padding: 0;
  border-width: 0;
}

/* line 297, ../sass/skeleton.scss */
input[type="checkbox"],
input[type="radio"] {
  display: inline;
}

/* line 300, ../sass/skeleton.scss */
label > .label-body {
  display: inline-block;
  margin-left: .5rem;
  font-weight: normal;
}

/* Lists
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* line 308, ../sass/skeleton.scss */
ul {
  list-style: circle inside;
}

/* line 310, ../sass/skeleton.scss */
ol {
  list-style: decimal inside;
}

/* line 312, ../sass/skeleton.scss */
ol, ul {
  padding-left: 0;
  margin-top: 0;
}

/* line 315, ../sass/skeleton.scss */
ul ul,
ul ol,
ol ol,
ol ul {
  margin: 1.5rem 0 1.5rem 3rem;
  font-size: 90%;
}

/* line 321, ../sass/skeleton.scss */
li {
  margin-bottom: 1rem;
}

/* Code
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* line 327, ../sass/skeleton.scss */
code {
  padding: .2rem .5rem;
  margin: 0 .2rem;
  font-size: 90%;
  white-space: nowrap;
  background: #F1F1F1;
  border: 1px solid #E1E1E1;
  border-radius: 4px;
}

/* line 335, ../sass/skeleton.scss */
pre > code {
  display: block;
  padding: 1rem 1.5rem;
  white-space: pre;
}

/* Tables
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* line 343, ../sass/skeleton.scss */
th,
td {
  padding: 12px 15px;
  text-align: left;
  border-bottom: 1px solid #E1E1E1;
}

/* line 348, ../sass/skeleton.scss */
th:first-child,
td:first-child {
  padding-left: 0;
}

/* line 351, ../sass/skeleton.scss */
th:last-child,
td:last-child {
  padding-right: 0;
}

/* Spacing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* line 358, ../sass/skeleton.scss */
button,
.button {
  margin-bottom: 1rem;
}

/* line 361, ../sass/skeleton.scss */
input,
textarea,
select,
fieldset {
  margin-bottom: 1.5rem;
}

/* line 366, ../sass/skeleton.scss */
pre,
blockquote,
dl,
figure,
table,
p,
ul,
ol,
form {
  margin-bottom: 2.5rem;
}

/* Utilities
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* line 380, ../sass/skeleton.scss */
.u-full-width {
  width: 100%;
  box-sizing: border-box;
}

/* line 383, ../sass/skeleton.scss */
.u-max-full-width {
  max-width: 100%;
  box-sizing: border-box;
}

/* line 386, ../sass/skeleton.scss */
.u-pull-right {
  float: right;
}

/* line 388, ../sass/skeleton.scss */
.u-pull-left {
  float: left;
}

/* Misc
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* line 394, ../sass/skeleton.scss */
hr {
  margin-top: 3rem;
  margin-bottom: 3.5rem;
  border-width: 0;
  border-top: 1px solid #E1E1E1;
}

/* Clearing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* Self Clearing Goodness */
/* line 405, ../sass/skeleton.scss */
.container:after,
.row:after,
.u-cf {
  content: "";
  display: table;
  clear: both;
}

/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*
Note: The best way to structure the use of media queries is to create the queries
near the relevant code. For example, if you wanted to change the styles for buttons
on small devices, paste the mobile query code up in the buttons section and style it
there.
*/
/* Larger than mobile */
/* Larger than phablet (also point when grid becomes active) */
/* Larger than tablet */
/* Larger than desktop */
/* Larger than Desktop HD */
/* 0. Variables & classes that call them 
======================================================= */
/* color background wrapper classes */
/* line 46, ../sass/screen.scss */
.wrapper-primary {
  background-color: #89b2db;
}

/* line 49, ../sass/screen.scss */
.wrapper-grey {
  background-color: #525252;
}

/* line 52, ../sass/screen.scss */
.wrapper-grey-2 {
  background-color: #969696;
}

/* line 55, ../sass/screen.scss */
.wrapper-black {
  background-color: #111111;
}

/* line 58, ../sass/screen.scss */
.wrapper-white {
  background-color: #ffffff;
}

/* 1. Universal
======================================================= */
/* apply a natural box layout model to all elements */
/* line 67, ../sass/screen.scss */
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 73, ../sass/screen.scss */
html, body {
  font-family: "proxima-nova", Helvetica;
  background-color: #f7f7f7;
}

/* line 80, ../sass/screen.scss */
p, h2, h3, h4, h5, h6 {
  color: #111111;
}

/* line 84, ../sass/screen.scss */
h1 {
  color: white;
  font-weight: 700;
  letter-spacing: 1px;
  text-align: center;
}

/* line 98, ../sass/screen.scss */
h2 {
  margin-bottom: 40px;
}

/* line 102, ../sass/screen.scss */
p {
  margin-bottom: 20px;
}

/* line 106, ../sass/screen.scss */
p a, li a {
  color: #111111;
  text-decoration: underline;
}

/* line 111, ../sass/screen.scss */
p a:hover, li a:hover {
  color: #DBDBDB;
  text-decoration: underline;
}

/* line 116, ../sass/screen.scss */
.caps {
  text-transform: uppercase;
  font-size: 95%;
  letter-spacing: 0.5px;
}

/* line 122, ../sass/screen.scss */
ul {
  list-style: disc inside;
}

/* line 126, ../sass/screen.scss */
ul li {
  margin-bottom: 0px;
  text-align: left;
}

/* line 131, ../sass/screen.scss */
.container {
  padding-top: 50px;
  padding-bottom: 50px;
}

/* line 136, ../sass/screen.scss */
.border-top {
  border-top: 2px solid #89b2db;
}

@media (min-width: 1000px) {
  /* line 143, ../sass/screen.scss */
  .container {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}
/* line 149, ../sass/screen.scss */
img {
  max-width: 100%;
}

/* 2. Buttons
======================================================= */
/* line 157, ../sass/screen.scss */
a, button, .button, input, .download-me-wrapper {
  -webkit-transition: .15s ease-in;
  -moz-transition: .15s ease-in;
  transition: .15s ease-in;
}

/* line 164, ../sass/screen.scss */
.button, .color-label {
  color: #ffffff;
  letter-spacing: 1.5px;
  display: block;
  width: 100%;
  margin: 0 auto;
  text-decoration: none !important;
}

/* line 173, ../sass/screen.scss */
.solo {
  border: none;
}

/* line 177, ../sass/screen.scss */
.solo:hover {
  background-color: #969696;
  border: none;
}

/* line 182, ../sass/screen.scss */
.color-label {
  display: inline-block;
  height: 38px;
  padding: 0 20px;
  text-align: center;
  font-size: 11px;
  font-weight: 600;
  line-height: 38px;
  letter-spacing: .1rem;
  text-transform: uppercase;
  text-decoration: none !important;
}

/* line 197, ../sass/screen.scss */
.image-download-wrapper, .image-download-wrapper-padding {
  border: 1px #969696 solid;
}

/* line 202, ../sass/screen.scss */
.image-download-wrapper img, .image-download-wrapper-padding img {
  margin-bottom: -8px;
}

/* line 206, ../sass/screen.scss */
.image-download-wrapper-padding img {
  padding: 40px;
}

/* line 222, ../sass/screen.scss */
.image-download-wrapper:hover .download-me-wrapper, .image-download-wrapper-padding:hover .download-me-wrapper {
  border-top: none;
  background-color: #969696;
}

/* line 236, ../sass/screen.scss */
.image-download-wrapper-padding img {
  padding: 40px;
}

/* line 241, ../sass/screen.scss */
.image-download-wrapper p {
  margin-bottom: 0;
  text-decoration: none !important;
}

/* line 246, ../sass/screen.scss */
.download-me-wrapper {
  background-color: #DBDBDB;
  height: 40px;
}

/* line 259, ../sass/screen.scss */
.download-me-wrapper div, .download-me-wrapper a {
  height: 100%;
}

/* line 263, ../sass/screen.scss */
.download-me {
  color: #DBDBDB;
  text-align: center;
}

/* 3. Header
======================================================= */
/* line 272, ../sass/screen.scss */
header {
  background-color: #f7f7f7;
}

/* 3. Backgrounds
======================================================= */
/* line 280, ../sass/screen.scss */
.bkg-brand {
  /* changes: image file name, convert primary HEX to RGBA */
  background: linear-gradient(rgba(137, 178, 219, 0.6), rgba(137, 178, 219, 0.6)), url("../images/bkg/ezell.jpg");
  background-size: cover;
  background-position: left;
  color: #ffffff;
  height: 41vh;
}

/* 00. content section
======================================================= */
/* line 291, ../sass/screen.scss */
.number-heading {
  background-color: #89b2db;
  padding: 5px 20px;
  color: #ffffff;
  border-radius: 100px;
  margin-right: 10px;
}

/* 00. logo section
======================================================= */
/* Larger than desktop */
@media (min-width: 1000px) {
  /* line 306, ../sass/screen.scss */
  .logo-1 img {
    padding: 40px;
    padding-top: 0;
  }
}
/* 00. Color Scheme Section
======================================================= */
/* line 314, ../sass/screen.scss */
.color-wrapper {
  height: 200px;
  color: #ffffff;
}

/* line 321, ../sass/screen.scss */
.color-1-name {
  background-color: #DBDBDB;
  margin-bottom: 20px;
}

/* 00. Typography.
======================================================= */
/* line 332, ../sass/screen.scss */
#typography ol {
  display: inline;
}

/* line 336, ../sass/screen.scss */
#typography li {
  display: inline-block;
  padding: 5px 11px;
  margin: 0 10px 10px 0;
  background-color: #89b2db;
  color: #ffffff;
  border-radius: 8px;
}

/* 00. Footer.
======================================================= */
/* line 350, ../sass/screen.scss */
footer {
  padding: 25px;
  z-index: 9;
  background-color: #969696;
}

/* line 356, ../sass/screen.scss */
footer p {
  text-align: center;
  margin-bottom: 0;
}

/* 6. Utility Classes
======================================================= */
/* line 366, ../sass/screen.scss */
.u-align-center {
  text-align: center;
  margin: 0 auto;
}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {
  /* line 373, ../sass/screen.scss */
  .u-align-center-desktop {
    text-align: center;
  }
}
/* line 378, ../sass/screen.scss */
.u-align-center p {
  text-align: left;
}

/* line 382, ../sass/screen.scss */
.u-align-left {
  text-align: left !important;
}

/* line 386, ../sass/screen.scss */
.u-border-top {
  border-top: 1px solid #ABC6C5;
}

/* line 390, ../sass/screen.scss */
.u-max-width-100 {
  max-width: 100%;
}

/* line 394, ../sass/screen.scss */
.u-no-margin-bottom {
  margin-bottom: 3px;
}

/* line 398, ../sass/screen.scss */
.u-margin-bottom {
  margin-bottom: 40px;
}

/* line 402, ../sass/screen.scss */
.u-margin-bottom-half {
  margin-bottom: 20px;
}

/* line 406, ../sass/screen.scss */
.u-center-vertical {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

/* line 414, ../sass/screen.scss */
.u-display-none {
  display: none;
}

/* line 418, ../sass/screen.scss */
.u-display-block {
  display: block;
}

/* line 422, ../sass/screen.scss */
.u-display-desktop {
  display: none;
}

/* line 426, ../sass/screen.scss */
.u-display-mobile {
  display: block;
}

/* Larger than desktop */
@media (min-width: 550px) {
  /* line 432, ../sass/screen.scss */
  .u-display-mobile {
    display: none;
  }

  /* line 436, ../sass/screen.scss */
  .u-display-desktop {
    display: block;
    padding-bottom: 5px;
  }
}
/* line 443, ../sass/screen.scss */
.u-display-inline-block {
  display: inline-block !important;
}

/* line 447, ../sass/screen.scss */
.u-third {
  width: 30%;
  display: inline-block;
}

/* line 452, ../sass/screen.scss */
.u-half {
  width: 49%;
  display: inline-block;
}

/* line 458, ../sass/screen.scss */
.row {
  margin-bottom: 50px;
  display: block;
}

/* Larger than desktop */
@media (min-width: 1000px) {
  /* line 465, ../sass/screen.scss */
  .row {
    margin-bottom: 100px;
  }

  /* line 469, ../sass/screen.scss */
  .row:last-child, p:last-child, ol:last-child, ul:last-child, li:last-child, img:last-child, h1:last-child {
    margin-bottom: 0;
  }
}