/* variables to use with Media Queries */
/* variables of commonly used colors */
/* Sets both the regular background image and the retina one.
   Make sure to set the background-size in the selector that uses this mixin,
   in order for the retina image to display properly.
 */
/* Table of Content
==================================================
  #Reset & Basics
  #Basic Styles
  #Site Styles
  #Typography
  #Links
  #Lists
  #Images
  #Buttons
  #Forms
  #Misc */
/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

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

body {
  line-height: 1;
  padding: 0; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

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

/* #Basic Styles
================================================== */
body {
  color: #000;
  font-family: "DINWeb", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0.18px;
  position: relative; }
  @media (min-width: 1200px) {
    body {
      letter-spacing: .2px; } }

/* #Typography
================================================== */
h1, h2, h3, h5 {
  font-family: "DINWeb-Cond", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: left;
  letter-spacing: 0; }

h4, h6 {
  font-family: "DINWeb", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  letter-spacing: .15px; }
  @media (min-width: 1200px) {
    h4, h6 {
      letter-spacing: .2px; } }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  font-weight: inherit; }

h1 {
  color: #FFF;
  font-size: 36px;
  line-height: 36px;
  font-weight: bold;
  margin-bottom: 34px; }
  @media (min-width: 768px) {
    h1 {
      font-size: 50px;
      line-height: 50px; } }
  @media (min-width: 1200px) {
    h1 {
      font-size: 80px;
      line-height: 80px;
      margin-bottom: 30px; } }

h2 {
  color: #1e1e1e;
  font-size: 30px;
  line-height: 35px;
  font-weight: bold;
  margin-bottom: 18px; }
  @media (min-width: 768px) {
    h2 {
      font-size: 40px;
      line-height: 45px; } }
  @media (min-width: 1200px) {
    h2 {
      font-size: 60px;
      line-height: 65px;
      margin-bottom: 40px; } }

h3 {
  color: #1e1e1e;
  font-size: 24px;
  line-height: 28px;
  font-weight: 500;
  margin-bottom: 6px; }
  @media (min-width: 768px) {
    h3 {
      font-size: 30px; } }
  @media (min-width: 1200px) {
    h3 {
      font-size: 42px;
      line-height: 45px;
      margin-bottom: 10px; } }

h4 {
  color: #fff;
  font-size: 16px;
  line-height: 20px;
  font-weight: bold; }
  @media (min-width: 768px) {
    h4 {
      font-size: 18px; } }
  @media (min-width: 1200px) {
    h4 {
      font-size: 21px;
      line-height: 27px; } }

h5 {
  color: #959595;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500; }
  @media (min-width: 768px) {
    h5 {
      font-size: 18px; } }
  @media (min-width: 1200px) {
    h5 {
      font-size: 18px;
      line-height: 21px; } }

h6 {
  color: rgba(255, 255, 255, 0.5);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: .2px;
  text-transform: uppercase;
  margin-bottom: 4px; }
  @media (min-width: 768px) {
    h6 {
      margin-bottom: 12px; } }

p {
  color: #1e1e1e;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0.13px;
  font-weight: 500;
  margin: 0 0 24px 0; }
  @media (min-width: 1200px) {
    p {
      font-size: 18px;
      line-height: 32px;
      letter-spacing: .2px; } }
  p img {
    margin: 0; }

.caption {
  color: #959595;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  letter-spacing: .16px; }
  @media (min-width: 1200px) {
    .caption {
      font-size: 16px;
      line-height: 26px;
      letter-spacing: .18px; } }

em {
  font-style: italic; }

strong {
  font-weight: bold; }

small {
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0; }
  @media (min-width: 1200px) {
    small {
      font-size: 16px;
      line-height: 28px; } }

/*  Blockquotes  */
blockquote, blockquote p {
  font-family: 'Archer SSm A', 'Archer SSm B';
  font-weight: 500;
  font-style: italic;
  font-size: 36px;
  line-height: 45px; }

blockquote {
  margin: 0 0 0; }

blockquote cite {
  display: block;
  font-size: 12px;
  color: #555; }

blockquote cite:before {
  content: "\2014 \0020"; }

blockquote cite a, blockquote cite a:visited, blockquote cite a:visited {
  color: #555; }

hr {
  border: solid #ddd;
  border-width: 0 0 1px;
  clear: both;
  margin: 0 0 26px;
  height: 0; }
  @media (min-width: 768px) {
    hr {
      margin-bottom: 40px; } }

/* #Links
================================================== */
a, a:visited {
  outline: 0; }

p a, p a:visited {
  line-height: inherit; }

/* #Lists
================================================== */
ul, ol {
  margin-bottom: 14px; }

ul {
  list-style: none outside; }

ol {
  list-style: decimal; }

ol, ul.square, ul.circle, ul.disc {
  margin-left: 30px; }

ul.square {
  list-style: square outside; }

ul.circle {
  list-style: circle outside; }

ul.disc {
  list-style: disc outside; }

ul ul, ul ol,
ol ol, ol ul {
  margin: 4px 0 5px 30px;
  font-size: 90%; }

ul ul li, ul ol li,
ol ol li, ol ul li {
  margin-bottom: 6px; }

li {
  line-height: 18px;
  margin-bottom: 12px; }

ul.large li {
  line-height: 21px; }

li p {
  line-height: 21px; }

/* #Images
================================================== */
img.scale-with-grid {
  max-width: 100%;
  height: auto; }

/* #Buttons
================================================== */
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  background: #fff;
  color: #272e38;
  display: block;
  width: 180px;
  height: 50px;
  font-family: "DINWeb-Cond", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 26px;
  line-height: 35px;
  letter-spacing: 0;
  font-weight: bold;
  text-decoration: none;
  text-align: center; }
  @media (min-width: 768px) {
    .button,
    button,
    input[type="submit"],
    input[type="reset"],
    input[type="button"] {
      font-size: 50px;
      line-height: 1.8; } }
  @media (min-width: 1200px) {
    .button,
    button,
    input[type="submit"],
    input[type="reset"],
    input[type="button"] {
      font-size: 80px;
      line-height: 1.7;
      margin-top: 30px; } }
  .button:hover,
  button:hover,
  input[type="submit"]:hover,
  input[type="reset"]:hover,
  input[type="button"]:hover {
    background: #ccc;
    cursor: pointer; }

/* Fix for odd Mozilla border & padding issues */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/* #Font-Face
================================================== */
/*   This is the proper syntax for an @font-face file
    Just create a "fonts" folder at the root,
    copy your FontName into code below and remove
    comment brackets */
/* first for IE 4-8 */
@font-face {
  font-family: DINWeb;
  src: url("../font/DINWeb.eot");
  /*  font-stretch: normal; */
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: DINWeb;
  src: url("../font/DINWeb-Bold.eot");
  font-weight: 700; }
@font-face {
  font-family: DINWeb;
  src: url("../font/DINWeb-Black.eot");
  font-weight: 800; }
@font-face {
  font-family: DINWeb;
  src: url("../font/DINWeb-Medium.eot");
  font-weight: 500; }
@font-face {
  font-family: DINWeb;
  src: url("../font/DINWeb-Light.eot");
  font-weight: 300; }
@font-face {
  font-family: DINWeb;
  src: url("../font/DINWeb-LightIta.eot");
  font-weight: 300;
  font-style: italic; }
/* until font-stretch is supported in browsers, need a new font-face */
@font-face {
  font-family: DINWeb-Cond;
  src: url("../font/DINWeb-Cond.eot"); }
@font-face {
  font-family: DINWeb-Cond;
  src: url("../font/DINWeb-CondIta.eot");
  font-style: italic; }
@font-face {
  font-family: DINWeb-Cond;
  src: url("../font/DINWeb-CondMed.eot");
  font-weight: 500; }
@font-face {
  font-family: DINWeb-Cond;
  src: url("../font/DINWeb-CondBold.eot");
  font-weight: 700; }
@font-face {
  font-family: Avenir-LightStd;
  src: url("../font/Avenirltstd.eot"); }
/* then for WOFF-capable browsers */
@font-face {
  font-family: DINWeb;
  src: url("../font/DINWeb.woff") format("woff");
  /*  font-stretch: normal; */
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: DINWeb;
  src: url("../font/DINWeb-Bold.woff") format("woff");
  font-weight: 700; }
@font-face {
  font-family: DINWeb;
  src: url("../font/DINWeb-Black.woff") format("woff");
  font-weight: 800; }
@font-face {
  font-family: DINWeb;
  src: url("../font/DINWeb-Medium.woff") format("woff");
  font-weight: 500; }
@font-face {
  font-family: DINWeb;
  src: url("../font/DINWeb-Light.woff") format("woff");
  font-weight: 300; }
@font-face {
  font-family: DINWeb;
  src: url("../font/DINWeb-LightIta.woff") format("woff");
  font-weight: 300;
  font-style: italic; }
/* until font-stretch is supported in browsers, need a new font-face for condensed */
@font-face {
  font-family: DINWeb-Cond;
  src: url("../font/DINWeb-Cond.woff") format("woff"); }
@font-face {
  font-family: DINWeb-Cond;
  src: url("../font/DINWeb-CondIta.woff") format("woff");
  font-style: italic; }
@font-face {
  font-family: DINWeb-Cond;
  src: url("../font/DINWeb-CondMed.woff") format("woff");
  font-weight: 500; }
@font-face {
  font-family: DINWeb-Cond;
  src: url("../font/DINWeb-CondBold.woff") format("woff");
  font-weight: bold; }
@font-face {
  font-family: Avenir-LightStd;
  src: url("../font/Avenirltstd.woff") format("woff"); }
/* Mobile first design (but most of these are mutually exclusive instead of building on
 * on the smaller size's selectors)
 * Table of Contents
==================================================
#Mobile (Portrait)
#Mobile (Landscape)
#Tablet (Portrait)
#Tablet (Landscape) or Desktop
#Clearing */
/* #Mobile (Portrait)
 * start off with a single column for small screens (~ 320px wide) *
================================================== */
.container {
  position: relative;
  width: 310px;
  margin: 0 auto;
  padding: 0; }

.container .column,
.container .columns {
  float: left;
  display: inline;
  margin: 0; }

.row {
  margin-bottom: 20px; }

.container .one.column,
.container .one.columns,
.container .two.columns,
.container .three.columns,
.container .four.columns,
.container .five.columns,
.container .six.columns,
.container .seven.columns,
.container .eight.columns,
.container .nine.columns,
.container .ten.columns,
.container .eleven.columns,
.container .twelve.columns {
  width: 310px; }

/* #Mobile (Landscape)
 * widen the single column for slightly larger screens (~ 480px wide) *
================================================== */
@media (min-width: 480px) {
  .container {
    width: 420px; }

  .container .one.column,
  .container .one.columns,
  .container .two.columns,
  .container .three.columns,
  .container .four.columns,
  .container .five.columns,
  .container .six.columns,
  .container .seven.columns,
  .container .eight.columns,
  .container .nine.columns,
  .container .ten.columns,
  .container .eleven.columns,
  .container .twelve.columns {
    width: 420px; } }
/* #Tablet (Portrait)
 * switch to a 12 column grid for tablets or small desktop screens (~ 768px wide)
================================================== */
@media (min-width: 768px) {
  /*****************************
  12 Column
  margin width = 23
  column width = 39
  *****************************/
  .container {
    width: 721px; }

  .container .column,
  .container .columns {
    margin-left: 12px;
    margin-right: 11px; }

  .column.alpha, .columns.alpha {
    margin-left: 0;
    margin-right: 11px; }

  .column.omega, .columns.omega {
    margin-right: 0;
    margin-left: 12px; }

  .alpha.omega {
    margin-left: 0;
    margin-right: 0; }

  /* total column width = (39*numCols) + (23*(numCols-1)) */
  .container .one.column,
  .container .one.columns {
    width: 39px; }

  .container .two.columns {
    width: 101px; }

  .container .three.columns {
    width: 163px; }

  .container .four.columns {
    width: 225px; }

  .container .five.columns {
    width: 287px; }

  .container .six.columns {
    width: 349px; }

  .container .seven.columns {
    width: 411px; }

  .container .eight.columns {
    width: 473px; }

  .container .nine.columns {
    width: 535px; }

  .container .ten.columns {
    width: 597px; }

  .container .eleven.columns {
    width: 659px; }

  .container .twelve.columns {
    width: 721px; }

  /* Offsets */
  /* total offset = (39*numCols) + (23*numCols) */
  .container .offset-by-one {
    margin-left: 62px; }

  .container .offset-by-two {
    margin-left: 124px; }

  .container .offset-by-three {
    margin-left: 186px; }

  .container .offset-by-four {
    margin-left: 248px; }

  .container .offset-by-five {
    margin-left: 310px; }

  .container .offset-by-six {
    margin-left: 372px; }

  .container .offset-by-seven {
    margin-left: 434px; }

  .container .offset-by-eight {
    margin-left: 496px; }

  .container .offset-by-nine {
    margin-left: 558px; }

  .container .offset-by-ten {
    margin-left: 620px; }

  .container .offset-by-eleven {
    margin-left: 682px; } }
/* #Tablet (Landscape) or Desktop
================================================== */
@media (min-width: 1200px) {
  .container {
    width: 1000px; }

  .container .column,
  .container .columns {
    margin-left: 16px;
    margin-right: 16px; }

  .column.alpha, .columns.alpha {
    margin-left: 0; }

  .column.omega, .columns.omega {
    margin-right: 0; }

  /*****************************
  12 Column
  margin width = 32
  column width = 54
  *****************************/
  /* Base Grid */
  /* total column width = (54*numCols) + (32*(numCols-1)) */
  .container .one.column,
  .container .one.columns {
    width: 54px; }

  .container .two.columns {
    width: 140px; }

  .container .three.columns {
    width: 226px; }

  .container .four.columns {
    width: 312px; }

  .container .five.columns {
    width: 398px; }

  .container .six.columns {
    width: 484px; }

  .container .seven.columns {
    width: 570px; }

  .container .eight.columns {
    width: 656px; }

  .container .nine.columns {
    width: 742px; }

  .container .ten.columns {
    width: 828px; }

  .container .eleven.columns {
    width: 914px; }

  .container .twelve.columns {
    width: 1000px; }

  /* Offsets */
  /* total offset = (54*numCols) + (32*numCols) */
  .container .offset-by-one {
    margin-left: 86px; }

  .container .offset-by-two {
    margin-left: 172px; }

  .container .offset-by-three {
    margin-left: 258px; }

  .container .offset-by-four {
    margin-left: 344px; }

  .container .offset-by-five {
    margin-left: 430px; }

  .container .offset-by-six {
    margin-left: 516px; }

  .container .offset-by-seven {
    margin-left: 602px; }

  .container .offset-by-eight {
    margin-left: 688px; }

  .container .offset-by-nine {
    margin-left: 774px; }

  .container .offset-by-ten {
    margin-left: 860px; }

  .container .offset-by-eleven {
    margin-left: 946px; } }
/* #Clearing
================================================== */
/* Self Clearing Goodness */
.container:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

/* Use clearfix class on parent to clear nested columns,
or wrap each row of columns in a <div class="row"> */
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }

.row:after,
.clearfix:after {
  clear: both; }

.row,
.clearfix {
  zoom: 1; }

/* You can also use a <br class="clear" /> to clear columns */
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }

.highlight .c {
  color: #94936D;
  font-style: italic; }

/* Comment */
.highlight .err {
  color: #B11F24;
  background-color: #e3d2d2; }

/* Error */
.highlight .k {
  font-weight: bold; }

/* Keyword */
.highlight .o {
  font-weight: bold; }

/* Operator */
.highlight .cm {
  color: #94936D;
  font-style: italic; }

/* Comment.Multiline */
.highlight .cp {
  color: #989791;
  font-weight: bold; }

/* Comment.Preproc */
.highlight .c1 {
  color: #94936D;
  font-style: italic; }

/* Comment.Single */
.highlight .cs {
  color: #989791;
  font-weight: bold;
  font-style: italic; }

/* Comment.Special */
.highlight .gd {
  color: #000000;
  background-color: #ffdddd; }

/* Generic.Deleted */
.highlight .gd .x {
  color: #000000;
  background-color: #ffaaaa; }

/* Generic.Deleted.Specific */
.highlight .ge {
  font-style: italic; }

/* Generic.Emph */
.highlight .gr {
  color: #aa0000; }

/* Generic.Error */
.highlight .gh {
  color: #989791; }

/* Generic.Heading */
.highlight .gi {
  color: #000000;
  background-color: #ddffdd; }

/* Generic.Inserted */
.highlight .gi .x {
  color: #000000;
  background-color: #aaffaa; }

/* Generic.Inserted.Specific */
.highlight .go {
  color: #87877A; }

/* Generic.Output */
.highlight .gp {
  color: #5A594C; }

/* Generic.Prompt */
.highlight .gs {
  font-weight: bold; }

/* Generic.Strong */
.highlight .gu {
  color: #A6A599; }

/* Generic.Subheading */
.highlight .gt {
  color: #aa0000; }

/* Generic.Traceback */
.highlight .kc {
  font-weight: bold; }

/* Keyword.Constant */
.highlight .kd {
  font-weight: bold; }

/* Keyword.Declaration */
.highlight .kp {
  font-weight: bold; }

/* Keyword.Pseudo */
.highlight .kr {
  font-weight: bold; }

/* Keyword.Reserved */
.highlight .kt {
  color: #599CC6;
  font-weight: bold; }

/* Keyword.Type */
.highlight .m {
  color: #375789; }

/* Literal.Number */
.highlight .s {
  color: #e45d50; }

/* Literal.String */
.highlight .na {
  color: #67B5C1; }

/* Name.Attribute */
.highlight .nb {
  color: #0086B3; }

/* Name.Builtin */
.highlight .nc {
  color: #599CC6;
  font-weight: bold; }

/* Name.Class */
.highlight .no {
  color: #67B5C1; }

/* Name.Constant */
.highlight .ni {
  color: #4F1E61; }

/* Name.Entity */
.highlight .ne {
  color: #C77023;
  font-weight: bold; }

/* Name.Exception */
.highlight .nf {
  color: #C77023;
  font-weight: bold; }

/* Name.Function */
.highlight .nn {
  color: #5A594C; }

/* Name.Namespace */
.highlight .nt {
  color: #6756A0; }

/* Name.Tag */
.highlight .nv {
  color: #67B5C1; }

/* Name.Variable */
.highlight .ow {
  font-weight: bold; }

/* Operator.Word */
.highlight .w {
  color: #B5B4A8; }

/* Text.Whitespace */
.highlight .mf {
  color: #375789; }

/* Literal.Number.Float */
.highlight .mh {
  color: #375789; }

/* Literal.Number.Hex */
.highlight .mi {
  color: #375789; }

/* Literal.Number.Integer */
.highlight .mo {
  color: #375789; }

/* Literal.Number.Oct */
.highlight .sb {
  color: #e45d50; }

/* Literal.String.Backtick */
.highlight .sc {
  color: #e45d50; }

/* Literal.String.Char */
.highlight .sd {
  color: #e45d50; }

/* Literal.String.Doc */
.highlight .s2 {
  color: #e45d50; }

/* Literal.String.Double */
.highlight .se {
  color: #e45d50; }

/* Literal.String.Escape */
.highlight .sh {
  color: #e45d50; }

/* Literal.String.Heredoc */
.highlight .si {
  color: #e45d50; }

/* Literal.String.Interpol */
.highlight .sx {
  color: #e45d50; }

/* Literal.String.Other */
.highlight .sr {
  color: #459A6F; }

/* Literal.String.Regex */
.highlight .s1 {
  color: #e45d50; }

/* Literal.String.Single */
.highlight .ss {
  color: #BF2F61; }

/* Literal.String.Symbol */
.highlight .bp {
  color: #989791; }

/* Name.Builtin.Pseudo */
.highlight .vc {
  color: #67B5C1; }

/* Name.Variable.Class */
.highlight .vg {
  color: #67B5C1; }

/* Name.Variable.Global */
.highlight .vi {
  color: #67B5C1; }

/* Name.Variable.Instance */
.highlight .il {
  color: #375789; }

/* Literal.Number.Integer.Long */
.highlight .gc {
  color: #999;
  background-color: #EAF2F5; }

/* #Site Styles
================================================== */
.show-on-lg-screen, .show-on-largest-screen {
  display: none !important; }

body {
  padding-bottom: 338px;
  /* should match footer's height */ }
  @media (min-width: 768px) {
    body {
      padding-bottom: 408px; }
      body .show-on-sm-screen {
        display: none !important; }
      body .show-on-lg-screen {
        display: block !important; } }
  @media (min-width: 1200px) {
    body {
      padding-bottom: 522px; }
      body .show-on-largest-screen {
        display: block !important; } }

a, a:visited {
  text-decoration: none; }

span.amp {
  font-family: "Baskerville", "Times", "Times New Roman", serif;
  font-style: italic;
  font-size: 16pt; }
  @media (min-width: 768px) {
    span.amp {
      font-size: 130%; } }

span.apos {
  font-size: 200%;
  color: #97cadf;
  display: block;
  position: absolute;
  margin-left: -35px; }

span#dingusburger {
  display: block;
  width: 21px;
  height: 17px;
  background-image: url("../img/hamburger.png");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 21px 17px;
  z-index: 9000;
  position: absolute;
  top: 16px;
  right: 20px; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 2dppx) {
    span#dingusburger {
      background-image: url("../img/hamburger@2x.png"); } }
  @media (min-width: 768px) {
    span#dingusburger {
      display: none; } }

div.navigation {
  opacity: 1;
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  -webkit-transform: translate(0, 0);
  -webkit-transition: -webkit-transform .2s; }
  div.navigation.hidden {
    opacity: 0;
    -webkit-transform: translate(0, -68px);
    -webkit-transition: -webkit-transform .2s, opacity 0 .3s; }
  div.navigation p {
    display: inline-block;
    color: #fff;
    text-indent: -9999px;
    margin: 0 0 0 20px;
    padding: 12px 48px;
    background-repeat: no-repeat;
    z-index: 2000; }
    div.navigation p#mc-logo {
      background-image: url("../img/navigation-logo.png");
      background-size: 37px 37px;
      background-position: 0 7px; }
      @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 2dppx) {
        div.navigation p#mc-logo {
          background-image: url("../img/navigation-logo@2x.png"); } }
    @media (min-width: 768px) {
      div.navigation p {
        text-indent: 0;
        font-size: 14px;
        line-height: 24px;
        font-weight: 700;
        letter-spacing: 1px;
        text-transform: uppercase;
        padding: 24px 0 20px 52px; }
        div.navigation p#mc-logo {
          background-position: 0 14px;
          background-size: 40px 40px; } }
  div.navigation ul {
    position: absolute;
    margin: 0;
    top: 50px;
    right: 0px;
    background: rgba(0, 0, 0, 0.8);
    width: 100%;
    padding-bottom: 10px;
    padding-top: 8px;
    display: none; }
    @media (min-width: 768px) {
      div.navigation ul {
        display: block;
        top: 14px;
        padding: 0;
        width: auto;
        margin: 0 20px 0 0;
        background: transparent; } }
    div.navigation ul li {
      margin: 0 0 0 18px;
      display: block;
      padding: 10px 20px; }
      @media (min-width: 768px) {
        div.navigation ul li {
          display: inline-block;
          padding: 14px 0;
          margin: 0 0 0 30px; } }
      div.navigation ul li a,
      div.navigation ul li a:visited {
        color: #fff;
        font-size: 16px;
        text-transform: uppercase;
        text-decoration: none; }
      div.navigation ul li a:hover {
        cursor: pointer; }
      div.navigation ul li a:hover, div.navigation ul li a:focus {
        color: #fff;
        border-bottom: 1px solid #fff; }
      div.navigation ul li.selected a, div.navigation ul li.selected a:hover, div.navigation ul li.selected a:visited {
        color: #e45d50;
        border-color: #e45d50; }

.contact-us {
  box-sizing: border-box;
  background-color: #272e38;
  position: relative;
  bottom: 0;
  height: 100%;
  /* should match body's bottom padding */
  width: 100%;
  padding-top: 78px; }
  @media (min-width: 768px) {
    .contact-us {
      padding-top: 120px; } }
  .contact-us h2 {
    color: #fff;
    margin-bottom: 36px; }
    @media (min-width: 768px) {
      .contact-us h2 {
        margin-bottom: 52px; } }
    @media (min-width: 1200px) {
      .contact-us h2 {
        margin-bottom: 20px; } }
  .contact-us p {
    color: #fff;
    margin-right: 40%; }
  .contact-us a.button,
  .contact-us input[type="submit"] {
    margin-bottom: 14px;
    line-height: 1.8;
    font-weight: 500; }
    @media (min-width: 768px) {
      .contact-us a.button,
      .contact-us input[type="submit"] {
        width: 220px;
        height: 68px;
        font-size: 42px;
        line-height: 1.5;
        margin-bottom: 60px; } }
    @media (min-width: 1200px) {
      .contact-us a.button,
      .contact-us input[type="submit"] {
        width: 284px;
        margin-top: 72px;
        margin-bottom: 80px; } }

.footer {
  box-sizing: border-box;
  background-color: #272e38;
  position: absolute;
  bottom: 0;
  height: 338px;
  /* should match body's bottom padding */
  width: 100%;
  padding-top: 78px; }
  @media (min-width: 768px) {
    .footer {
      height: 408px; } }
  @media (min-width: 1200px) {
    .footer {
      height: 522px;
      padding-top: 100px; } }
  .footer h2 {
    color: #fff;
    margin-bottom: 36px; }
    @media (min-width: 768px) {
      .footer h2 {
        margin-bottom: 52px; } }
    @media (min-width: 1200px) {
      .footer h2 {
        margin-bottom: 40px; } }
  .footer a.button,
  .footer input[type="submit"] {
    margin-bottom: 20px;
    line-height: 1.8;
    font-weight: 500; }
    @media (min-width: 768px) {
      .footer a.button,
      .footer input[type="submit"] {
        width: 220px;
        height: 68px;
        font-size: 42px;
        line-height: 1.5;
        margin-bottom: 60px; } }
    @media (min-width: 1200px) {
      .footer a.button,
      .footer input[type="submit"] {
        width: 284px;
        margin-top: 72px;
        margin-bottom: 80px; } }
  .footer .social {
    margin-bottom: 0; }
  .footer .social li {
    display: inline;
    margin-right: 33px; }
  .footer .social li:last-child {
    margin-right: 0px; }
  .footer .social li a:hover {
    border: none; }
  .footer .social svg {
    vertical-align: middle; }
  .footer .social .icon {
    fill: #FFF; }
  .footer .copyright {
    color: #FFF;
    font-size: 14px;
    letter-spacing: .5px;
    padding: 20px 0 18px 0;
    margin: 0;
    text-align: left; }
    @media (min-width: 768px) {
      .footer .copyright {
        text-align: right;
        padding-top: 12px; } }
    @media (min-width: 1200px) {
      .footer .copyright {
        padding-top: 10px; } }
  .footer .email {
    display: none; }
    @media (min-width: 768px) {
      .footer .email {
        display: inline;
        position: absolute;
        top: -6px;
        right: 0;
        border: none; }
        .footer .email p {
          display: inline;
          font-size: 16px;
          color: #FFF; } }
    @media (min-width: 768px) {
      .footer .email {
        top: -8px; } }

.separator {
  width: 21px;
  border-top: solid 3px #e45d50; }
  @media (min-width: 768px) {
    .separator {
      width: 46px;
      border-top: solid 6px #e45d50; } }
  @media (min-width: 1200px) {
    .separator {
      width: 70px;
      border-top: solid 8px #e45d50; } }

.quote {
  margin-left: -14px;
  background-image: url("../img/Quote.png");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 69px 41px; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 2dppx) {
    .quote {
      background-image: url("../img/Quote@2x.png"); } }

.quote#white {
  margin-left: -14px;
  background-image: url("../img/QuoteWhite.png");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 69px 41px; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 2dppx) {
    .quote#white {
      background-image: url("../img/QuoteWhite@2x.png"); } }

.quote blockquote,
.non-quote blockquote {
  color: #000;
  margin-left: 14px;
  margin-bottom: 18px;
  padding-top: 20px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500; }

.image-slider {
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: auto;
  height: 240px;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -moz-backface-visibility: hidden; }
  .image-slider .slides {
    position: absolute;
    height: 100%; }
    .image-slider .slides .slide {
      position: relative;
      float: left;
      height: 100%;
      -webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
      -moz-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
      -ms-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
      -o-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
      transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1); }
      .image-slider .slides .slide .slide-content {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 100%;
        opacity: 1;
        background-position: center;
        background-repeat: no-repeat;
        background-size: auto 240px;
        /* Prevent artifacts in Mozilla Firefox: */
        -moz-backface-visibility: hidden;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none; }
        .image-slider .slides .slide .slide-content .overlay {
          background-color: rgba(0, 0, 0, 0.6);
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0; }
        .image-slider .slides .slide .slide-content .quote-wrapper {
          height: 100%; }
          .image-slider .slides .slide .slide-content .quote-wrapper .name {
            position: absolute;
            top: 30px;
            left: 15px;
            color: red; }
          .image-slider .slides .slide .slide-content .quote-wrapper .quote {
            position: absolute;
            top: 30px;
            height: 42px;
            width: 42px;
            opacity: .5;
            background-size: 30px auto;
            background-position: 0 6px;
            margin-left: -4px; }
          .image-slider .slides .slide .slide-content .quote-wrapper blockquote {
            font-size: 14px;
            line-height: 20px;
            padding-top: 44px;
            margin-bottom: 12px;
            margin-left: 0;
            color: #fff; }
          .image-slider .slides .slide .slide-content .quote-wrapper .person, .image-slider .slides .slide .slide-content .quote-wrapper .person-title {
            font-size: 12px;
            line-height: 14px;
            display: block; }
          .image-slider .slides .slide .slide-content .quote-wrapper .person {
            color: #F84E3D;
            text-transform: uppercase; }
          .image-slider .slides .slide .slide-content .quote-wrapper .person-title {
            color: #fff;
            padding-bottom: 5px; }
          .image-slider .slides .slide .slide-content .quote-wrapper .caption {
            bottom: 3px;
            width: 310px;
            left: -10px;
            text-align: center; }
  .image-slider.image-slider-controls .prev,
  .image-slider.image-slider-controls .next {
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 100%;
    opacity: 0; }
  .image-slider.image-slider-controls .next {
    left: auto;
    right: 0;
    height: 140px; }
  .image-slider.image-slider-controls .play-pause {
    position: absolute;
    right: 15px;
    bottom: 5px;
    width: 20px;
    height: 20px;
    background-size: 40px 20px;
    padding: 20px 0;
    opacity: 0.5; }
    .image-slider.image-slider-controls .play-pause:hover {
      border: none;
      opacity: 1; }
  .image-slider.image-slider-controls.image-slider-playing > .play-pause {
    background-position: -20px 20px; }
  .image-slider.image-slider-controls .prev,
  .image-slider.image-slider-controls .next,
  .image-slider.image-slider-controls .play-pause {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /* Fix z-index issues (controls behind slide element) on Android: */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0); }
  .image-slider .indicator {
    position: absolute;
    top: auto;
    right: 15px;
    bottom: -18px;
    left: 15px;
    width: 300px;
    margin: 0 auto;
    padding: 0;
    list-style: none;
    text-align: center;
    line-height: 10px;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
    .image-slider .indicator li {
      display: inline-block;
      width: 8px;
      height: 8px;
      margin: 6px 6px 0 6px;
      -webkit-box-sizing: content-box;
      -moz-box-sizing: content-box;
      box-sizing: content-box;
      background-color: #e1e1e1;
      border: 1px solid #e1e1e1;
      border-radius: 50%;
      cursor: pointer;
      /* Fix z-index issues (controls behind slide element) on Android: */
      -webkit-transform: translateZ(0);
      -moz-transform: translateZ(0);
      -ms-transform: translateZ(0);
      -o-transform: translateZ(0);
      transform: translateZ(0); }
    .image-slider .indicator .active, .image-slider .indicator li:hover {
      background-color: #97c1df;
      border-color: #97c1df; }
  @media (min-width: 480px) {
    .image-slider {
      height: 384px; }
      .image-slider.image-slider-controls .prev {
        left: 0; }
      .image-slider.image-slider-controls .next {
        right: 0; }
      .image-slider .slides .slide .slide-content {
        background-size: auto 384px; }
        .image-slider .slides .slide .slide-content .quote-wrapper .person, .image-slider .slides .slide .slide-content .quote-wrapper .person-title {
          font-size: 18px;
          line-height: 24px; }
        .image-slider .slides .slide .slide-content .quote-wrapper .quote {
          top: 54px;
          height: 50px;
          width: 50px;
          background-size: 50px auto;
          background-position: 0 16px;
          margin-left: -10px; }
        .image-slider .slides .slide .slide-content .quote-wrapper blockquote {
          font-size: 20px;
          line-height: 32px;
          padding-top: 82px;
          margin-bottom: 18px; }
        .image-slider .slides .slide .slide-content .quote-wrapper .person, .image-slider .slides .slide .slide-content .quote-wrapper .person-title {
          font-size: 14px; } }
  @media (min-width: 768px) {
    .image-slider {
      height: 540px; }
      .image-slider.image-slider-controls .prev,
      .image-slider.image-slider-controls .next {
        top: 50%;
        left: 20px;
        width: 40px;
        height: 40px;
        margin-top: -20px;
        font-size: 56px;
        font-weight: 100;
        color: #fff;
        text-decoration: none;
        text-align: center;
        opacity: 0.5; }
      .image-slider.image-slider-controls .next {
        left: auto;
        right: 20px; }
      .image-slider.image-slider-controls .play-pause {
        position: absolute;
        right: 30px;
        bottom: 0;
        width: 20px;
        height: 20px;
        background: url(../img/play-pause.svg) 0 0 no-repeat;
        background-size: 40px 20px;
        opacity: 0.5; }
      .image-slider.image-slider-controls.image-slider-playing > .play-pause {
        background-position: -20px 0; }
      .image-slider.image-slider-controls .prev,
      .image-slider.image-slider-controls .next,
      .image-slider.image-slider-controls .play-pause {
        cursor: pointer; }
        .image-slider.image-slider-controls .prev:hover,
        .image-slider.image-slider-controls .next:hover,
        .image-slider.image-slider-controls .play-pause:hover {
          color: #fff;
          opacity: 1;
          border-bottom: none; }
      .image-slider .slides .slide .slide-content {
        background-size: auto 540px; }
        .image-slider .slides .slide .slide-content .quote-wrapper .person, .image-slider .slides .slide .slide-content .quote-wrapper .person-title {
          font-size: 18px;
          line-height: 24px; }
        .image-slider .slides .slide .slide-content .quote-wrapper .quote {
          top: 76px;
          height: 110px;
          width: 110px;
          background-size: 72px auto;
          background-position: 0 26px; }
        .image-slider .slides .slide .slide-content .quote-wrapper blockquote {
          font-size: 32px;
          line-height: 44px;
          padding-top: 120px;
          margin-bottom: 20px; }
        .image-slider .slides .slide .slide-content .quote-wrapper .caption {
          bottom: 13px; }
      .image-slider .indicator {
        bottom: -20px; } }
  @media (min-width: 1080px) {
    .image-slider {
      height: 600px; }
      .image-slider.image-slider-controls .prev, .image-slider.image-slider-controls .next {
        font-size: 80px; }
      .image-slider.image-slider-controls .prev {
        left: 30px; }
      .image-slider.image-slider-controls .next {
        right: 30px; }
      .image-slider .slides .slide .slide-content {
        background-size: auto 600px; }
        .image-slider .slides .slide .slide-content .quote-wrapper .quote {
          height: 140px;
          background-position: 0 90px; }
        .image-slider .slides .slide .slide-content .quote-wrapper blockquote {
          padding-top: 184px; }
      .image-slider.image-slider-controls .play-pause {
        right: 40px; } }

#blog #btn-container, #syndicate #btn-container {
  display: none;
  text-align: right;
  position: relative; }
  #blog #btn-container #subscribe-btn, #syndicate #btn-container #subscribe-btn {
    color: #97c1df;
    font-size: 12px;
    font-weight: 400;
    padding: 4px 14px 2px;
    border: solid 1px #97c1df;
    border-radius: 20px; }
    @media (min-width: 768px) {
      #blog #btn-container #subscribe-btn, #syndicate #btn-container #subscribe-btn {
        font-size: 16px; } }
  @media (min-width: 768px) {
    #blog #btn-container, #syndicate #btn-container {
      display: block; } }
#blog .footer, #syndicate .footer {
  height: 428px; }
  #blog .footer::before, #syndicate .footer::before {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-color: #000;
    background-image: url("../img/about/small-aboutstarfield-tile.png");
    background-repeat: repeat-x;
    background-position: center bottom;
    background-size: 500px 560px;
    opacity: 0.5; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 2dppx) {
      #blog .footer::before, #syndicate .footer::before {
        background-image: url("../img/about/small-aboutstarfield-tile@2x.png"); } }
  @media (min-width: 480px) {
    #blog .footer, #syndicate .footer {
      height: 400px; }
      #blog .footer::before, #syndicate .footer::before {
        background-image: url("../img/about/medium-aboutstarfield-tile.png");
        background-size: 800px auto; } }
    @media (min-width: 480px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 480px) and (min-device-pixel-ratio: 1.5), (min-width: 480px) and (-o-min-device-pixel-ratio: 1.5), (min-width: 480px) and (min-resolution: 2dppx) {
      #blog .footer::before, #syndicate .footer::before {
        background-image: url("../img/about/medium-aboutstarfield-tile@2x.png"); } }

  #blog .footer #newsletter, #syndicate .footer #newsletter {
    margin-bottom: 14px; }
    #blog .footer #newsletter h2, #blog .footer #newsletter h3, #syndicate .footer #newsletter h2, #syndicate .footer #newsletter h3 {
      color: #fff; }
    #blog .footer #newsletter h2, #syndicate .footer #newsletter h2 {
      margin-bottom: 12px;
      font-size: 29px; }
    #blog .footer #newsletter h3, #syndicate .footer #newsletter h3 {
      display: inline-block; }
    #blog .footer #newsletter p, #syndicate .footer #newsletter p {
      color: #fff; }
      #blog .footer #newsletter p a, #syndicate .footer #newsletter p a {
        color: #fff;
        text-decoration: underline; }
    #blog .footer #newsletter input[type="text"],
    #blog .footer #newsletter input[type="email"], #syndicate .footer #newsletter input[type="text"],
    #syndicate .footer #newsletter input[type="email"] {
      outline: none;
      background: transparent;
      border-width: 1px;
      border-color: #959595;
      border-left: none;
      border-right: none;
      border-top: none;
      color: white;
      width: 180px;
      margin-bottom: 24px;
      margin-right: 20px;
      font-family: "DINWeb", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 14px;
      font-weight: 400;
      letter-spacing: 1;
      padding-bottom: 4px; }
      #blog .footer #newsletter input[type="text"]::placeholder,
      #blog .footer #newsletter input[type="email"]::placeholder, #syndicate .footer #newsletter input[type="text"]::placeholder,
      #syndicate .footer #newsletter input[type="email"]::placeholder {
        /* Chrome, Firefox, Opera, Safari 10.1+ */
        color: #fff;
        opacity: 1;
        /* Firefox */ }
      #blog .footer #newsletter input[type="text"] ::-ms-input-placeholder,
      #blog .footer #newsletter input[type="email"] ::-ms-input-placeholder, #syndicate .footer #newsletter input[type="text"] ::-ms-input-placeholder,
      #syndicate .footer #newsletter input[type="email"] ::-ms-input-placeholder {
        /* Microsoft Edge */
        color: #fff; }
    #blog .footer #newsletter input[type="email"], #syndicate .footer #newsletter input[type="email"] {
      margin-bottom: 40px; }
    #blog .footer #newsletter input[type="submit"], #syndicate .footer #newsletter input[type="submit"] {
      -webkit-appearance: none;
      border: none;
      border-radius: 0;
      border-style: none;
      padding: 0; }
  @media (min-width: 768px) {
    #blog .footer, #syndicate .footer {
      height: 386px; }
      #blog .footer::before, #syndicate .footer::before {
        background-image: url("../img/about/large-aboutstarfield-tile.png");
        background-size: 1200px auto; } }
    @media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 768px) and (min-device-pixel-ratio: 1.5), (min-width: 768px) and (-o-min-device-pixel-ratio: 1.5), (min-width: 768px) and (min-resolution: 2dppx) {
      #blog .footer::before, #syndicate .footer::before {
        background-image: url("../img/about/large-aboutstarfield-tile@2x.png"); } }
  @media (min-width: 768px) {
      #blog .footer #newsletter .revue-form-group, #blog .footer #newsletter .revue-form-actions, #syndicate .footer #newsletter .revue-form-group, #syndicate .footer #newsletter .revue-form-actions {
        display: inline-block; }
      #blog .footer #newsletter h2, #syndicate .footer #newsletter h2 {
        font-size: 40px; }
      #blog .footer #newsletter h2, #blog .footer #newsletter h3, #syndicate .footer #newsletter h2, #syndicate .footer #newsletter h3 {
        margin-bottom: 10px; }
      #blog .footer #newsletter p, #syndicate .footer #newsletter p {
        font-size: 18px; }
      #blog .footer #newsletter input[type="text"],
      #blog .footer #newsletter input[type="email"], #syndicate .footer #newsletter input[type="text"],
      #syndicate .footer #newsletter input[type="email"] {
        font-size: 16px;
        padding: 1px 1px 6px 1px; }
      #blog .footer #newsletter input[type="text"], #syndicate .footer #newsletter input[type="text"] {
        width: 224px; }
      #blog .footer #newsletter input[type="email"], #syndicate .footer #newsletter input[type="email"] {
        width: 284px; }
      #blog .footer #newsletter input[type="submit"], #syndicate .footer #newsletter input[type="submit"] {
        width: 160px;
        height: 50px;
        font-size: 20px;
        line-height: 1.8;
        margin-bottom: 56px; } }
  @media (min-width: 1200px) {
    #blog .footer, #syndicate .footer {
      height: 474px; }
      #blog .footer #newsletter h2, #syndicate .footer #newsletter h2 {
        font-size: 60px; }
      #blog .footer #newsletter p, #syndicate .footer #newsletter p {
        font-size: 21px; }
      #blog .footer #newsletter input[type="text"],
      #blog .footer #newsletter input[type="email"], #syndicate .footer #newsletter input[type="text"],
      #syndicate .footer #newsletter input[type="email"] {
        font-size: 18px;
        padding-bottom: 8px;
        margin-right: 26px; }
      #blog .footer #newsletter input[type="text"], #syndicate .footer #newsletter input[type="text"] {
        width: 254px; }
      #blog .footer #newsletter input[type="email"], #syndicate .footer #newsletter input[type="email"] {
        width: 516px; }
      #blog .footer #newsletter input[type="submit"], #syndicate .footer #newsletter input[type="submit"] {
        margin-top: 16px;
        margin-bottom: 74px; } }

/****************************************/
/********** Home page **********/
/****************************************/
#homepage .explore-btn {
  background: #272e38;
  color: #fff;
  width: 313px;
  height: 68px;
  font-size: 42px;
  line-height: 62px;
  font-weight: 500;
  text-decoration: none;
  text-align: center;
  margin: 40px auto 0 auto; }
  @media (min-width: 1200px) {
    #homepage .explore-btn {
      margin-top: 50px; } }
#homepage #header {
  overflow-x: hidden;
  height: 466px;
  padding-bottom: 20px;
  background-color: #272e38;
  background-image: url("../img/homepage/small-mountains.jpg");
  background-size: 480px auto;
  background-repeat: no-repeat;
  background-position: left bottom; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 2dppx) {
    #homepage #header {
      background-image: url("../img/homepage/small-mountains@2x.jpg"); } }
  @media (min-width: 480px) {
    #homepage #header {
      height: 410px;
      background-image: url("../img/homepage/medium-mountains.jpg");
      background-size: 1200px auto; } }
  @media (min-width: 480px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 480px) and (min-device-pixel-ratio: 1.5), (min-width: 480px) and (-o-min-device-pixel-ratio: 1.5), (min-width: 480px) and (min-resolution: 2dppx) {
    #homepage #header {
      background-image: url("../img/homepage/medium-mountains@2x.jpg"); } }

  @media (min-width: 768px) {
    #homepage #header {
      height: 430px; } }
  @media (min-width: 1200px) {
    #homepage #header {
      height: 490px;
      padding-bottom: 22px;
      background-size: cover;
      background-image: url("../img/homepage/large-mountains.jpg"); } }
  @media (min-width: 1200px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 1200px) and (min-device-pixel-ratio: 1.5), (min-width: 1200px) and (-o-min-device-pixel-ratio: 1.5), (min-width: 1200px) and (min-resolution: 2dppx) {
    #homepage #header {
      background-image: url("../img/homepage/large-mountains@2x.jpg"); } }
  @media (min-width: 1200px) {
      #homepage #header h1 {
        width: 700px;
        margin-bottom: 30px; } }
  #homepage #header .container {
    padding-top: 144px;
    background-image: url("../img/homepage/small-planetedge.png");
    background-size: 195px auto;
    background-position: 116px 66px;
    background-repeat: no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 2dppx) {
      #homepage #header .container {
        background-image: url("../img/homepage/small-planetedge@2x.png"); } }
    @media (min-width: 480px) {
      #homepage #header .container {
        background-position: 160px 66px; } }
    @media (min-width: 768px) {
      #homepage #header .container {
        padding-top: 138px; }
        #homepage #header .container h1 {
          font-size: 34px; } }
  @media (min-width: 768px) and (min-width: 480px) {
    #homepage #header .container {
      background-position: 160px 66px; } }
  @media (min-width: 768px) and (min-width: 768px) {
    #homepage #header .container {
      background-image: url("../img/homepage/large-MadeByMartianCraft.png");
      background-size: 220px auto;
      background-position: -4px 116px; } }
  @media (min-width: 768px) and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 768px) and (min-width: 768px) and (min-device-pixel-ratio: 1.5), (min-width: 768px) and (min-width: 768px) and (-o-min-device-pixel-ratio: 1.5), (min-width: 768px) and (min-width: 768px) and (min-resolution: 2dppx) {
    #homepage #header .container {
      background-image: url("../img/homepage/large-MadeByMartianCraft@2x.png"); } }
  @media (min-width: 768px) and (min-width: 768px) {
      #homepage #header .container h1 {
        font-size: 50px; } }
  @media (min-width: 768px) and (min-width: 1200px) {
    #homepage #header .container {
      background-size: 310px auto;
      background-position: -6px 126px; }
      #homepage #header .container h1 {
        font-size: 78px; } }

    #homepage #header .container p {
      color: #fff;
      margin-bottom: 36px; }
#homepage #solutions {
  background: #fffaf3;
  padding-top: 50px;
  padding-bottom: 30px; }
  #homepage #solutions .software {
    margin-bottom: 8px; }
  #homepage #solutions ul {
    text-align: center; }
  #homepage #solutions li {
    box-sizing: border-box;
    display: inline-block;
    width: 68px;
    padding-top: 64px;
    margin: 0 15px;
    background-size: auto 56px;
    background-repeat: no-repeat;
    background-position: center top; }
    #homepage #solutions li#end-to-end {
      background-image: url("../img/homepage/services-endToEnd.png"); }
      @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 2dppx) {
        #homepage #solutions li#end-to-end {
          background-image: url("../img/homepage/services-endToEnd@2x.png"); } }
    #homepage #solutions li#remote {
      background-image: url("../img/homepage/services-remote.png"); }
      @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 2dppx) {
        #homepage #solutions li#remote {
          background-image: url("../img/homepage/services-remote@2x.png"); } }
    #homepage #solutions li#enterprise {
      background-image: url("../img/homepage/services-enterprise.png"); }
      @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 2dppx) {
        #homepage #solutions li#enterprise {
          background-image: url("../img/homepage/services-enterprise@2x.png"); } }
    #homepage #solutions li p {
      font-size: 10px;
      line-height: 13px;
      text-align: center;
      text-transform: uppercase; }
    @media (min-width: 768px) {
      #homepage #solutions li {
        display: block;
        padding-top: 0;
        padding-left: 52px;
        width: inherit;
        background-position: left center; }
        #homepage #solutions li p {
          padding: 18px 0;
          font-size: 12px;
          line-height: 16px; } }
    @media (min-width: 1200px) {
      #homepage #solutions li {
        padding-left: 74px;
        margin: 0; }
        #homepage #solutions li p {
          padding: 8px 0 0 0;
          font-size: 20px;
          font-weight: 500;
          text-align: left;
          line-height: 24px;
          letter-spacing: .22px;
          margin-bottom: 38px; } }
  @media (min-width: 768px) {
    #homepage #solutions li {
      padding-left: 60px;
      margin: 0;
      background-size: auto 46px; }
      #homepage #solutions li p {
        text-align: left; }
    #homepage #solutions .explore-btn {
      margin-left: 0; } }
  @media (min-width: 1200px) {
    #homepage #solutions {
      padding-top: 120px;
      padding-bottom: 68px; }
      #homepage #solutions .software {
        margin-bottom: 40px; }
        #homepage #solutions .software p {
          font-size: 21px;
          line-height: 27px; }
      #homepage #solutions .explore-btn {
        margin-top: 56px; } }
#homepage #explorers {
  padding: 50px 0 88px 0;
  background-image: url("../img/homepage/small-hex.jpg");
  background-repeat: no-repeat;
  background-size: 480px 460px;
  background-position: center top; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 2dppx) {
    #homepage #explorers {
      background-image: url("../img/homepage/small-hex@2x.jpg"); } }
  @media (min-width: 480px) {
    #homepage #explorers {
      background-image: url("../img/homepage/medium-hex.png");
      background-size: 768px 1000px; } }
  @media (min-width: 480px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 480px) and (min-device-pixel-ratio: 1.5), (min-width: 480px) and (-o-min-device-pixel-ratio: 1.5), (min-width: 480px) and (min-resolution: 2dppx) {
    #homepage #explorers {
      background-image: url("../img/homepage/medium-hex@2x.png"); } }

  @media (min-width: 768px) {
    #homepage #explorers {
      padding-bottom: 174px;
      background-image: url("../img/homepage/large-hex.jpg");
      background-size: 1600px 1000px; } }
  @media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 768px) and (min-device-pixel-ratio: 1.5), (min-width: 768px) and (-o-min-device-pixel-ratio: 1.5), (min-width: 768px) and (min-resolution: 2dppx) {
    #homepage #explorers {
      background-image: url("../img/homepage/large-hex@2x.jpg"); } }

  @media (min-width: 1200px) {
    #homepage #explorers {
      padding-bottom: 44px; } }
  @media (min-width: 1600px) {
    #homepage #explorers {
      background-size: cover; } }
  @media (min-width: 768px) {
    #homepage #explorers .container {
      background-image: url("../img/homepage/large-explore.png");
      background-repeat: no-repeat;
      background-size: 200px auto;
      background-position: right 24px; } }
  @media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 768px) and (min-device-pixel-ratio: 1.5), (min-width: 768px) and (-o-min-device-pixel-ratio: 1.5), (min-width: 768px) and (min-resolution: 2dppx) {
    #homepage #explorers .container {
      background-image: url("../img/homepage/large-explore@2x.png"); } }

  @media (min-width: 1200px) {
    #homepage #explorers .container {
      padding: 6px 0 4px 0;
      background-size: 254px auto;
      background-position: 668px 46px; }
      #homepage #explorers .container .supply {
        margin-bottom: 90px; }
      #homepage #explorers .container .explore {
        margin-bottom: 4px; }
      #homepage #explorers .container p a {
        text-decoration: underline;
        color: #fff; } }
  #homepage #explorers .separator {
    border-color: #fff; }
  #homepage #explorers h2 {
    color: #fff;
    margin-bottom: 22px; }
    @media (min-width: 1200px) {
      #homepage #explorers h2 {
        margin-bottom: 52px; } }
  #homepage #explorers p {
    color: #fff;
    font-weight: 500; }
    @media (min-width: 1200px) {
      #homepage #explorers p {
        font-weight: bold; } }
  #homepage #explorers ul {
    box-sizing: border-box;
    padding-top: 28px; }
    @media (min-width: 768px) {
      #homepage #explorers ul {
        padding-top: 74px; } }
#homepage #video {
  text-align: center; }
  #homepage #video video {
    margin: -90px auto 0 auto;
    width: 312px;
    height: 175px;
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.15), 0px -4px 16px rgba(0, 0, 0, 0.15); }
  @media (min-width: 768px) {
    #homepage #video video {
      margin-top: -130px;
      width: 454px;
      height: auto; } }
  @media (min-width: 1200px) {
    #homepage #video {
      text-align: left; }
      #homepage #video video {
        width: 570px;
        height: auto;
        margin-left: 0;
        margin-top: -200px; } }
#homepage #success {
  padding: 40px 0; }
  #homepage #success img {
    width: 100%;
    height: auto;
    padding-top: 16px; }
  #homepage #success #testimonials {
    overflow-x: hidden;
    height: 286px; }
    #homepage #success #testimonials .next, #homepage #success #testimonials .prev {
      display: none; }
    #homepage #success #testimonials blockquote {
      color: #1e1e1e;
      font-size: 16px;
      line-height: 26px;
      letter-spacing: .11px;
      margin-bottom: 8px;
      padding-top: 20px; }
    #homepage #success #testimonials .image-slider {
      height: 256px; }
      #homepage #success #testimonials .image-slider .slide-content .overlay {
        background-color: transparent; }
      #homepage #success #testimonials .image-slider .slide-content .quote-wrapper .quote {
        opacity: 1;
        top: 2px;
        left: -20px;
        background-size: 40px auto;
        z-index: -1; }
      #homepage #success #testimonials .image-slider .slide-content .person {
        line-height: 20px; }
      #homepage #success #testimonials .image-slider .slide-content .person-title {
        color: #959595;
        line-height: 20px; }
  #homepage #success .explore-btn {
    margin-top: 18px; }
  @media (min-width: 480px) {
    #homepage #success #testimonials {
      height: 266px; }
      #homepage #success #testimonials .image-slider {
        height: 238px; }
        #homepage #success #testimonials .image-slider .slide-content .quote-wrapper .quote {
          top: -8px;
          left: -16px; } }
  @media (min-width: 768px) {
    #homepage #success {
      padding-top: 60px; }
      #homepage #success img {
        margin-top: 50px; }
      #homepage #success #testimonials {
        height: 220px; }
        #homepage #success #testimonials .image-slider {
          height: 190px; }
          #homepage #success #testimonials .image-slider .slide-content .quote-wrapper .quote {
            background-position: top left;
            top: 8px;
            left: -16px; }
        #homepage #success #testimonials blockquote {
          font-size: 18px; }
      #homepage #success .explore-btn {
        margin-top: 30px; } }
  @media (min-width: 1200px) {
    #homepage #success {
      padding-top: 110px;
      padding-bottom: 100px; }
      #homepage #success img {
        width: 100%;
        height: auto;
        margin-top: 74px; }
      #homepage #success #testimonials {
        height: 290px;
        margin-top: 38px; }
        #homepage #success #testimonials .image-slider {
          height: 260px; }
          #homepage #success #testimonials .image-slider .slide-content .quote-wrapper .quote {
            height: 72px;
            width: 72px;
            background-size: 72px auto;
            background-position: top left;
            top: 0;
            left: -34px; }
        #homepage #success #testimonials blockquote {
          font-size: 28px;
          line-height: 36px;
          letter-spacing: .17px;
          margin-bottom: 30px; }
        #homepage #success #testimonials .image-slider .slide-content .person {
          line-height: 28px; }
      #homepage #success .explore-btn {
        margin-top: 50px; } }
#homepage #latest-syndicates .container {
  border-top: solid 3px #959595;
  padding-top: 144px;
  padding-bottom: 70px;
  background-image: url("../img/homepage/small-thesyndicate.png");
  background-repeat: no-repeat;
  background-size: 312px auto;
  background-position: center 48px; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 2dppx) {
    #homepage #latest-syndicates .container {
      background-image: url("../img/homepage/small-thesyndicate@2x.png"); } }
  @media (min-width: 768px) {
    #homepage #latest-syndicates .container {
      background-image: url("../img/homepage/large-thesyndicate.png");
      background-size: 290px auto;
      background-position: left 50px; } }
  @media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 768px) and (min-device-pixel-ratio: 1.5), (min-width: 768px) and (-o-min-device-pixel-ratio: 1.5), (min-width: 768px) and (min-resolution: 2dppx) {
    #homepage #latest-syndicates .container {
      background-image: url("../img/homepage/large-thesyndicate@2x.png"); } }

  @media (min-width: 1200px) {
    #homepage #latest-syndicates .container {
      padding-top: 220px;
      padding-bottom: 114px;
      background-size: 398px auto;
      background-position: left 100px; } }
#homepage #latest-syndicates h3 {
  margin-bottom: 12px; }
#homepage #latest-syndicates p {
  color: #959595;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: .16px; }
  @media (min-width: 768px) {
    #homepage #latest-syndicates p {
      font-size: 16px;
      line-height: 26px;
      letter-spacing: 0; } }
  #homepage #latest-syndicates p.date {
    text-align: left;
    margin: 20px 0 4px 0; }
    #homepage #latest-syndicates p.date:first-of-type {
      margin-top: 10px; }
    @media (min-width: 1200px) {
      #homepage #latest-syndicates p.date {
        margin-top: 28px; } }
#homepage #latest-syndicates #articles-link {
  color: #e45d50;
  font-size: 16px;
  line-height: 1.63;
  font-weight: 500;
  display: block;
  margin-top: 20px; }
  @media (min-width: 768px) {
    #homepage #latest-syndicates #articles-link {
      font-size: 18px;
      line-height: 1.78;
      margin-top: 18px; } }
#homepage #latest-syndicates #posts {
  padding-top: 10px; }
  @media (min-width: 768px) {
    #homepage #latest-syndicates #posts {
      padding-top: 0;
      margin-top: -108px;
      margin-left: 74px; } }
  @media (min-width: 1200px) {
    #homepage #latest-syndicates #posts {
      margin-top: -136px;
      margin-left: 102px; } }

/********************************/
/********** About Page **********/
/********************************/
#about {
  background: #fff; }
  #about .bio-info {
    display: none; }
  #about #header {
    background-color: #000;
    background-image: url("../img/about/small-aboutstarfield-tile.png");
    background-repeat: repeat-x;
    background-position: center top;
    background-size: 500px 560px; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 2dppx) {
      #about #header {
        background-image: url("../img/about/small-aboutstarfield-tile@2x.png"); } }
    @media (min-width: 480px) {
      #about #header {
        background-image: url("../img/about/medium-aboutstarfield-tile.png");
        background-size: 800px auto; } }
  @media (min-width: 480px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 480px) and (min-device-pixel-ratio: 1.5), (min-width: 480px) and (-o-min-device-pixel-ratio: 1.5), (min-width: 480px) and (min-resolution: 2dppx) {
    #about #header {
      background-image: url("../img/about/medium-aboutstarfield-tile@2x.png"); } }

    @media (min-width: 768px) {
      #about #header {
        background-image: url("../img/about/large-aboutstarfield-tile.png");
        background-size: 1200px auto; } }
  @media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 768px) and (min-device-pixel-ratio: 1.5), (min-width: 768px) and (-o-min-device-pixel-ratio: 1.5), (min-width: 768px) and (min-resolution: 2dppx) {
    #about #header {
      background-image: url("../img/about/large-aboutstarfield-tile@2x.png"); } }

    #about #header h2 {
      color: #fff;
      letter-spacing: 0;
      text-align: center; }
      @media (min-width: 768px) {
        #about #header h2 {
          text-align: left; } }
    #about #header p {
      color: #fff; }
    #about #header .container {
      padding-top: 240px;
      padding-bottom: 50px;
      background-image: url("../img/about/small-madeby.png");
      background-repeat: no-repeat;
      background-position: center 80px;
      background-size: 142px 143px; }
      @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 2dppx) {
        #about #header .container {
          background-image: url("../img/about/small-madeby@2x.png"); } }
      @media (min-width: 768px) {
        #about #header .container {
          padding-top: 180px;
          padding-bottom: 108px;
          background-image: url("../img/about/large-madeby.png");
          background-position: left 154px;
          background-size: 184px auto; } }
  @media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 768px) and (min-device-pixel-ratio: 1.5), (min-width: 768px) and (-o-min-device-pixel-ratio: 1.5), (min-width: 768px) and (min-resolution: 2dppx) {
    #about #header .container {
      background-image: url("../img/about/large-madeby@2x.png"); } }

      @media (min-width: 1200px) {
        #about #header .container {
          padding-bottom: 60px;
          background-position: left 146px;
          background-size: 258px auto; } }
  #about .leaders {
    background-color: #f0f0f1;
    padding-top: 40px;
    padding-bottom: 10px; }
    #about .leaders#board {
      padding-bottom: 60px; }
    @media (min-width: 768px) {
      #about .leaders {
        padding-bottom: 30px; } }
    @media (min-width: 1200px) {
      #about .leaders {
        padding-top: 70px;
        padding-bottom: 44px; }
        #about .leaders#board {
          padding-top: 100px;
          padding-bottom: 170px; }
        #about .leaders p {
          width: 840px; } }
    #about .leaders .leader-wrapper {
      width: 280px; }
      @media (min-width: 768px) {
        #about .leaders .leader-wrapper {
          width: 710px; } }
      @media (min-width: 1200px) {
        #about .leaders .leader-wrapper {
          width: 1030px; } }
    #about .leaders .leader, #about .leaders .board-member {
      display: inline-block;
      position: relative;
      width: 124px;
      height: auto;
      padding-top: 132px;
      margin: 11px 6px 6px 6px;
      vertical-align: top;
      background-repeat: no-repeat;
      background-size: 248px 124px;
      background-position: 0 top; }
      @media (min-width: 768px) {
        #about .leaders .leader, #about .leaders .board-member {
          width: 156px;
          padding-top: 165px;
          margin: 24px 8px 4px 8px;
          background-size: 312px 156px; } }
      @media (min-width: 1200px) {
        #about .leaders .leader, #about .leaders .board-member {
          width: 226px;
          padding-top: 236px;
          margin: 26px 13px 6px 13px;
          background-size: 452px 226px; } }
      #about .leaders .leader#kyle, #about .leaders .board-member#kyle {
        background-image: url("../img/about/portrait_kyle.jpg"); }
        @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 2dppx) {
          #about .leaders .leader#kyle, #about .leaders .board-member#kyle {
            background-image: url("../img/about/portrait_kyle@2x.jpg"); } }
        #about .leaders .leader#kyle::after, #about .leaders .board-member#kyle::after {
          background-image: url("../img/about/portrait_kyle.jpg"); }
          @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 2dppx) {
            #about .leaders .leader#kyle::after, #about .leaders .board-member#kyle::after {
              background-image: url("../img/about/portrait_kyle@2x.jpg"); } }
      #about .leaders .leader#kevin, #about .leaders .board-member#kevin {
        background-image: url("../img/about/portrait_kevin.jpg"); }
        @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 2dppx) {
          #about .leaders .leader#kevin, #about .leaders .board-member#kevin {
            background-image: url("../img/about/portrait_kevin@2x.jpg"); } }
        #about .leaders .leader#kevin::after, #about .leaders .board-member#kevin::after {
          background-image: url("../img/about/portrait_kevin.jpg"); }
          @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 2dppx) {
            #about .leaders .leader#kevin::after, #about .leaders .board-member#kevin::after {
              background-image: url("../img/about/portrait_kevin@2x.jpg"); } }
      #about .leaders .leader#nick, #about .leaders .board-member#nick {
        background-image: url("../img/about/portrait_nick.jpg"); }
        @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 2dppx) {
          #about .leaders .leader#nick, #about .leaders .board-member#nick {
            background-image: url("../img/about/portrait_nick@2x.jpg"); } }
        #about .leaders .leader#nick::after, #about .leaders .board-member#nick::after {
          background-image: url("../img/about/portrait_nick.jpg"); }
          @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 2dppx) {
            #about .leaders .leader#nick::after, #about .leaders .board-member#nick::after {
              background-image: url("../img/about/portrait_nick@2x.jpg"); } }
      #about .leaders .leader#chris, #about .leaders .board-member#chris {
        background-image: url("../img/about/portrait_chris.jpg"); }
        @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 2dppx) {
          #about .leaders .leader#chris, #about .leaders .board-member#chris {
            background-image: url("../img/about/portrait_chris@2x.jpg"); } }
        #about .leaders .leader#chris::after, #about .leaders .board-member#chris::after {
          background-image: url("../img/about/portrait_chris.jpg"); }
          @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 2dppx) {
            #about .leaders .leader#chris::after, #about .leaders .board-member#chris::after {
              background-image: url("../img/about/portrait_chris@2x.jpg"); } }
      #about .leaders .leader#tylers, #about .leaders .board-member#tylers {
        background-image: url("../img/about/portrait_tylers.jpg"); }
        @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 2dppx) {
          #about .leaders .leader#tylers, #about .leaders .board-member#tylers {
            background-image: url("../img/about/portrait_tylers@2x.jpg"); } }
        #about .leaders .leader#tylers::after, #about .leaders .board-member#tylers::after {
          background-image: url("../img/about/portrait_tylers.jpg"); }
          @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 2dppx) {
            #about .leaders .leader#tylers::after, #about .leaders .board-member#tylers::after {
              background-image: url("../img/about/portrait_tylers@2x.jpg"); } }
      #about .leaders .leader#cory, #about .leaders .board-member#cory {
        background-image: url("../img/about/portrait_cory.jpg"); }
        @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 2dppx) {
          #about .leaders .leader#cory, #about .leaders .board-member#cory {
            background-image: url("../img/about/portrait_cory@2x.jpg"); } }
        #about .leaders .leader#cory::after, #about .leaders .board-member#cory::after {
          background-image: url("../img/about/portrait_cory.jpg"); }
          @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 2dppx) {
            #about .leaders .leader#cory::after, #about .leaders .board-member#cory::after {
              background-image: url("../img/about/portrait_cory@2x.jpg"); } }
      #about .leaders .leader#jana, #about .leaders .board-member#jana {
        background-image: url("../img/about/portrait_jana.jpg"); }
        @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 2dppx) {
          #about .leaders .leader#jana, #about .leaders .board-member#jana {
            background-image: url("../img/about/portrait_jana@2x.jpg"); } }
        #about .leaders .leader#jana::after, #about .leaders .board-member#jana::after {
          background-image: url("../img/about/portrait_jana.jpg"); }
          @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 2dppx) {
            #about .leaders .leader#jana::after, #about .leaders .board-member#jana::after {
              background-image: url("../img/about/portrait_jana@2x.jpg"); } }
      #about .leaders .leader#beau, #about .leaders .board-member#beau {
        background-image: url("../img/about/portrait_beau.jpg"); }
        @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 2dppx) {
          #about .leaders .leader#beau, #about .leaders .board-member#beau {
            background-image: url("../img/about/portrait_beau@2x.jpg"); } }
        #about .leaders .leader#beau::after, #about .leaders .board-member#beau::after {
          background-image: url("../img/about/portrait_beau.jpg"); }
          @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 2dppx) {
            #about .leaders .leader#beau::after, #about .leaders .board-member#beau::after {
              background-image: url("../img/about/portrait_beau@2x.jpg"); } }
      #about .leaders .leader#chrisw, #about .leaders .board-member#chrisw {
        background-image: url("../img/about/portrait_chrisw.jpg"); }
        @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 2dppx) {
          #about .leaders .leader#chrisw, #about .leaders .board-member#chrisw {
            background-image: url("../img/about/portrait_chrisw@2x.jpg"); } }
        #about .leaders .leader#chrisw::after, #about .leaders .board-member#chrisw::after {
          background-image: url("../img/about/portrait_chrisw.jpg"); }
          @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 2dppx) {
            #about .leaders .leader#chrisw::after, #about .leaders .board-member#chrisw::after {
              background-image: url("../img/about/portrait_chrisw@2x.jpg"); } }
      #about .leaders .leader span, #about .leaders .board-member span {
        display: block;
        text-align: center;
        font-weight: 400; }
      #about .leaders .leader .name, #about .leaders .board-member .name {
        color: #272e38;
        text-transform: uppercase;
        font-size: 14px;
        line-height: 14px;
        margin-bottom: 2px; }
        @media (min-width: 768px) {
          #about .leaders .leader .name, #about .leaders .board-member .name {
            font-size: 17px;
            line-height: 20px; } }
        @media (min-width: 1200px) {
          #about .leaders .leader .name, #about .leaders .board-member .name {
            font-size: 23px;
            line-height: 28px; } }
      #about .leaders .leader .title, #about .leaders .board-member .title {
        color: #e45d50;
        font-size: 13px;
        line-height: 13px; }
        @media (min-width: 768px) {
          #about .leaders .leader .title, #about .leaders .board-member .title {
            font-size: 13px;
            line-height: 13px; } }
        @media (min-width: 1200px) {
          #about .leaders .leader .title, #about .leaders .board-member .title {
            font-size: 14px;
            line-height: 14px; } }
    #about .leaders .leader {
      cursor: pointer; }
      #about .leaders .leader:hover, #about .leaders .leader:focus, #about .leaders .leader:active {
        border-bottom: none; }
      #about .leaders .leader:hover::after {
        opacity: 1; }
      #about .leaders .leader.active::after {
        opacity: 1; }
      #about .leaders .leader::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        opacity: 0;
        background-repeat: no-repeat;
        background-size: 248px 124px;
        background-position: -124px top;
        -webkit-transition: opacity .2s;
        transition: opacity .2s; }
        @media (min-width: 768px) {
          #about .leaders .leader::after {
            background-size: 312px 156px;
            background-position: -156px top; } }
        @media (min-width: 1200px) {
          #about .leaders .leader::after {
            background-size: 452px 226px;
            background-position: -226px top; } }
    #about .leaders .bio-wrapper {
      position: relative;
      display: none;
      margin-top: -16px; }
      @media (min-width: 768px) {
        #about .leaders .bio-wrapper {
          margin-top: -34px; } }
      #about .leaders .bio-wrapper .bio-pointer::after {
        content: " ";
        top: -6px;
        width: 0;
        height: 0;
        position: relative;
        border-style: solid;
        border-width: 0 12px 10px 12px;
        border-color: transparent transparent #272e38 transparent;
        -webkit-transition: left .5s ease-out;
        transition: left .5s ease-out; }
        @media (min-width: 768px) {
          #about .leaders .bio-wrapper .bio-pointer::after {
            top: 6px;
            border-width: 0 14px 12px 14px; } }
        @media (min-width: 1200px) {
          #about .leaders .bio-wrapper .bio-pointer::after {
            top: 11px; } }
      #about .leaders .bio-wrapper .bio-box {
        background-color: #272e38;
        display: inline-block;
        margin: -3px 0 20px 0;
        position: relative; }
        @media (min-width: 768px) {
          #about .leaders .bio-wrapper .bio-box {
            margin: 10px 8px 6px 8px; } }
        @media (min-width: 1200px) {
          #about .leaders .bio-wrapper .bio-box {
            margin: 16px 10px 26px 10px; } }
        #about .leaders .bio-wrapper .bio-box a:hover, #about .leaders .bio-wrapper .bio-box a:focus {
          border-bottom: none; }
      #about .leaders .bio-wrapper#bio-kyle .bio-pointer::after, #about .leaders .bio-wrapper#bio-chris .bio-pointer::after, #about .leaders .bio-wrapper#bio-jana .bio-pointer::after, #about .leaders .bio-wrapper#bio-tylers .bio-pointer::after, #about .leaders .bio-wrapper#bio-chrisw .bio-pointer::after {
        left: 50px; }
      #about .leaders .bio-wrapper#bio-nick .bio-pointer::after, #about .leaders .bio-wrapper#bio-beau .bio-pointer::after, #about .leaders .bio-wrapper#bio-kevin .bio-pointer::after, #about .leaders .bio-wrapper#bio-cory .bio-pointer::after {
        left: 192px; }
      @media (min-width: 768px) {
        #about .leaders .bio-wrapper#bio-kyle .bio-pointer::after, #about .leaders .bio-wrapper#bio-chrisw .bio-pointer::after, #about .leaders .bio-wrapper#bio-jana .bio-pointer::after {
          left: 68px; }
        #about .leaders .bio-wrapper#bio-nick .bio-pointer::after, #about .leaders .bio-wrapper#bio-kevin .bio-pointer::after {
          left: 246px; }
        #about .leaders .bio-wrapper#bio-chris .bio-pointer::after, #about .leaders .bio-wrapper#bio-tylers .bio-pointer::after {
          left: 422px; }
        #about .leaders .bio-wrapper#bio-beau .bio-pointer::after, #about .leaders .bio-wrapper#bio-cory .bio-pointer::after {
          left: 602px; } }
      @media (min-width: 1200px) {
        #about .leaders .bio-wrapper#bio-kyle .bio-pointer::after, #about .leaders .bio-wrapper#bio-chrisw .bio-pointer::after, #about .leaders .bio-wrapper#bio-jana .bio-pointer::after {
          left: 100px; }
        #about .leaders .bio-wrapper#bio-nick .bio-pointer::after, #about .leaders .bio-wrapper#bio-kevin .bio-pointer::after {
          left: 358px; }
        #about .leaders .bio-wrapper#bio-chris .bio-pointer::after, #about .leaders .bio-wrapper#bio-tylers .bio-pointer::after {
          left: 618px; }
        #about .leaders .bio-wrapper#bio-beau .bio-pointer::after, #about .leaders .bio-wrapper#bio-cory .bio-pointer::after {
          left: 874px; } }
      @media (min-width: 768px) {
        #about .leaders .bio-wrapper #bio-info-kyle .personal-info {
          background-image: url("../img/about/Map-Bellevue NE-Kyle.png"); } }
  @media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 768px) and (min-device-pixel-ratio: 1.5), (min-width: 768px) and (-o-min-device-pixel-ratio: 1.5), (min-width: 768px) and (min-resolution: 2dppx) {
    #about .leaders .bio-wrapper #bio-info-kyle .personal-info {
      background-image: url("../img/about/Map-Bellevue NE-Kyle@2x.png"); } }

      @media (min-width: 768px) {
        #about .leaders .bio-wrapper #bio-info-nick .personal-info {
          background-image: url("../img/about/Map-Philadelphia-Nick.png"); } }
  @media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 768px) and (min-device-pixel-ratio: 1.5), (min-width: 768px) and (-o-min-device-pixel-ratio: 1.5), (min-width: 768px) and (min-resolution: 2dppx) {
    #about .leaders .bio-wrapper #bio-info-nick .personal-info {
      background-image: url("../img/about/Map-Philadelphia-Nick@2x.png"); } }

      @media (min-width: 768px) {
        #about .leaders .bio-wrapper #bio-info-beau .personal-info {
          background-image: url("../img/about/Map-Beau.png"); } }
  @media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 768px) and (min-device-pixel-ratio: 1.5), (min-width: 768px) and (-o-min-device-pixel-ratio: 1.5), (min-width: 768px) and (min-resolution: 2dppx) {
    #about .leaders .bio-wrapper #bio-info-beau .personal-info {
      background-image: url("../img/about/Map-Beau@2x.png"); } }

      @media (min-width: 768px) {
        #about .leaders .bio-wrapper #bio-info-jana .personal-info {
          background-image: url("../img/about/Map-Houston-Jana.png"); } }
  @media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 768px) and (min-device-pixel-ratio: 1.5), (min-width: 768px) and (-o-min-device-pixel-ratio: 1.5), (min-width: 768px) and (min-resolution: 2dppx) {
    #about .leaders .bio-wrapper #bio-info-jana .personal-info {
      background-image: url("../img/about/Map-Houston-Jana@2x.png"); } }

      @media (min-width: 768px) {
        #about .leaders .bio-wrapper #bio-info-tylers .personal-info {
          background-image: url("../img/about/Map-TylerS.png"); } }
  @media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 768px) and (min-device-pixel-ratio: 1.5), (min-width: 768px) and (-o-min-device-pixel-ratio: 1.5), (min-width: 768px) and (min-resolution: 2dppx) {
    #about .leaders .bio-wrapper #bio-info-tylers .personal-info {
      background-image: url("../img/about/Map-TylerS@2x.png"); } }

      @media (min-width: 768px) {
        #about .leaders .bio-wrapper #bio-info-cory .personal-info {
          background-image: url("../img/about/Map-Cory.png"); } }
  @media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 768px) and (min-device-pixel-ratio: 1.5), (min-width: 768px) and (-o-min-device-pixel-ratio: 1.5), (min-width: 768px) and (min-resolution: 2dppx) {
    #about .leaders .bio-wrapper #bio-info-cory .personal-info {
      background-image: url("../img/about/Map-Cory@2x.png"); } }

      @media (min-width: 768px) {
        #about .leaders .bio-wrapper #bio-info-chris .personal-info {
          background-image: url("../img/about/Map-Illinois-Chris.png"); } }
  @media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 768px) and (min-device-pixel-ratio: 1.5), (min-width: 768px) and (-o-min-device-pixel-ratio: 1.5), (min-width: 768px) and (min-resolution: 2dppx) {
    #about .leaders .bio-wrapper #bio-info-chris .personal-info {
      background-image: url("../img/about/Map-Illinois-Chris@2x.png"); } }

      @media (min-width: 768px) {
        #about .leaders .bio-wrapper #bio-info-kevin .personal-info {
          background-image: url("../img/about/Map-Denver-Kevin-Tyler.png"); } }
  @media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 768px) and (min-device-pixel-ratio: 1.5), (min-width: 768px) and (-o-min-device-pixel-ratio: 1.5), (min-width: 768px) and (min-resolution: 2dppx) {
    #about .leaders .bio-wrapper #bio-info-kevin .personal-info {
      background-image: url("../img/about/Map-Denver-Kevin-Tyler@2x.png"); } }

      @media (min-width: 768px) {
        #about .leaders .bio-wrapper #bio-info-chrisw .personal-info {
          background-image: url("../img/about/Map-ChrisW.png"); } }
  @media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 768px) and (min-device-pixel-ratio: 1.5), (min-width: 768px) and (-o-min-device-pixel-ratio: 1.5), (min-width: 768px) and (min-resolution: 2dppx) {
    #about .leaders .bio-wrapper #bio-info-chrisw .personal-info {
      background-image: url("../img/about/Map-ChrisW@2x.png"); } }

      #about .leaders .bio-wrapper .personal-info {
        padding: 30px 26px 22px 26px; }
        @media (min-width: 768px) {
          #about .leaders .bio-wrapper .personal-info {
            display: inline-block;
            background-repeat: no-repeat;
            background-size: 320px auto;
            background-position: -12px -30px;
            width: 330px;
            min-height: 236px;
            padding: 30px 34px 20px 320px; }
            #about .leaders .bio-wrapper .personal-info .contact-info {
              margin-top: -10px; } }
        @media (min-width: 1200px) {
          #about .leaders .bio-wrapper .personal-info {
            padding: 38px 178px 26px 340px;
            width: 484px; }
            #about .leaders .bio-wrapper .personal-info .contact-info {
              margin-top: -24px; } }
        #about .leaders .bio-wrapper .personal-info h3 {
          color: #fff; }
          @media (min-width: 1200px) {
            #about .leaders .bio-wrapper .personal-info h3 {
              margin-bottom: 8px; } }
        #about .leaders .bio-wrapper .personal-info h6 {
          margin-bottom: 14px; }
          @media (min-width: 1200px) {
            #about .leaders .bio-wrapper .personal-info h6 {
              margin-bottom: 20px; } }
        #about .leaders .bio-wrapper .personal-info p {
          color: #fff;
          line-height: 1.24;
          font-weight: 300; }
          @media (min-width: 1200px) {
            #about .leaders .bio-wrapper .personal-info p {
              font-size: 17px;
              width: 480px;
              margin: 0 0 28px 0; } }
          #about .leaders .bio-wrapper .personal-info p:first-of-type {
            font-style: italic;
            font-family: 'Archer SSm A', 'Archer SSm B', serif;
            letter-spacing: .5px; }
            @media (min-width: 1200px) {
              #about .leaders .bio-wrapper .personal-info p:first-of-type {
                font-size: 21px;
                line-height: 26px;
                letter-spacing: .25px; } }
        #about .leaders .bio-wrapper .personal-info .email {
          color: #e45d50;
          font-size: 15px; }
          @media (min-width: 768px) {
            #about .leaders .bio-wrapper .personal-info .email {
              margin-right: 30px;
              display: inline-block; } }
          @media (min-width: 1200px) {
            #about .leaders .bio-wrapper .personal-info .email {
              font-size: 16px; } }
        #about .leaders .bio-wrapper .personal-info .social {
          margin: 16px 0 0 0;
          vertical-align: middle; }
          @media (min-width: 768px) {
            #about .leaders .bio-wrapper .personal-info .social {
              margin: 14px 0 0 0;
              display: inline-block; } }
          #about .leaders .bio-wrapper .personal-info .social li {
            display: inline-block;
            width: 24px;
            height: 17px;
            margin: 0 0 0 16px;
            text-align: center; }
            #about .leaders .bio-wrapper .personal-info .social li:first-child {
              margin-left: 0; }
            #about .leaders .bio-wrapper .personal-info .social li svg {
              fill: rgba(255, 255, 255, 0.5);
              width: 24px;
              height: 24px; }
      #about .leaders .bio-wrapper .more-trigger,
      #about .leaders .bio-wrapper .less-trigger {
        color: #e45d50;
        font-style: italic;
        opacity: 100;
        -webkit-transition: opacity .25s ease;
        transition: opacity .25s ease; }
        @media (min-width: 1200px) {
          #about .leaders .bio-wrapper .more-trigger,
          #about .leaders .bio-wrapper .less-trigger {
            font-size: 21px; } }
        #about .leaders .bio-wrapper .more-trigger.hidden,
        #about .leaders .bio-wrapper .less-trigger.hidden {
          opacity: 0;
          cursor: default; }
      #about .leaders .bio-wrapper .more-info {
        display: none; }

/***********************************/
/********** Products page **********/
/***********************************/
#products {
  padding-top: 100px;
  background-color: #000; }
  #products h1 {
    color: white;
    margin-bottom: 80px; }

#products .app {
  width: 280px;
  margin-bottom: 50px;
  float: left; }

#products .app img {
  height: 140px;
  width: auto;
  display: block;
  margin: 0 auto; }

#products #briefs-app img {
  height: 190px;
  margin: -25px auto; }

#products #changes-app img {
  height: 160px;
  margin: -10px auto; }

#products .app a {
  display: block;
  transition: all 100ms ease-out;
  transform-origin: 0 200px;
  -webkit-transform-origin: 0 200px; }

#products .app a:hover {
  border: none;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1); }

#products .app a:hover h4 {
  text-decoration: none;
  border: none;
  letter-spacing: .5px; }

#products .app h4 {
  color: #e95a4d;
  font-size: 24px;
  font-weight: 500;
  line-height: 24px;
  margin-top: 35px; }

#products .app h6 {
  color: #8b949a;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0px;
  margin-bottom: 6px; }

#products .app p {
  color: #8b949a;
  font-size: 16px;
  line-height: 25px;
  font-weight: 200; }

#products #martiancraft-img {
  display: block;
  margin: 40px auto 50px auto; }

@media (min-width: 480px) {
  /*****************************************/
  /********** Products page > 480 **********/
  /*****************************************/
  #products .app {
    width: 420px; } }
@media (min-width: 768px) {
  /*****************************************/
  /********** Products Page > 768 **********/
  /*****************************************/
  #products {
    padding-top: 148px; }

  #products .app {
    width: 348px;
    height: 330px;
    margin: 0 12px 110px 12px; }

  #products .app img,
  #products #briefs-app img,
  #products #changes-app img {
    margin-left: 0; } }
@media (min-width: 1200px) {
  /**************************************************/
  /********** Products Page - largest size **********/
  /**************************************************/
  #products .app {
    width: 312px;
    height: 305px;
    margin-left: 16px;
    margin-right: 16px; }

  #products #typeset-app {
    clear: none; } }
/*******************************/
/********** Blog page **********/
/*******************************/
#blog {
  background: #fff;
  padding-top: 70px; }
  @media (min-width: 768px) {
    #blog {
      padding-top: 98px;
      padding-bottom: 400px; } }
  @media (min-width: 1200px) {
    #blog {
      padding-bottom: 480px; } }
  #blog .header-img {
    width: 181px;
    height: 40px;
    margin: 0 auto 40px auto;
    background-image: url("../img/blog/SyndicateLogo-Article-iPhone.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 181px 40px; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 2dppx) {
      #blog .header-img {
        background-image: url("../img/blog/SyndicateLogo-Article-iPhone@2x.png"); } }
    @media (min-width: 768px) {
      #blog .header-img {
        width: 744px;
        height: 162px;
        background-image: url("../img/blog/SyndicateLogo-Landing-Desktop.png");
        background-size: 744px 162px;
        margin: 14px auto 30px auto; } }
  @media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 768px) and (min-device-pixel-ratio: 1.5), (min-width: 768px) and (-o-min-device-pixel-ratio: 1.5), (min-width: 768px) and (min-resolution: 2dppx) {
    #blog .header-img {
      background-image: url("../img/blog/SyndicateLogo-Landing-Desktop@2x.png"); } }

    @media (min-width: 1200px) {
      #blog .header-img {
        width: 1000px;
        height: 225px;
        background-size: 1000px 225px;
        margin-top: -26px;
        margin-bottom: 50px; } }
  #blog .dropdown {
    margin-bottom: 32px;
    height: 40px; }
    @media (min-width: 768px) {
      #blog .dropdown {
        margin-bottom: 62px;
        width: 754px; } }
    @media (min-width: 1200px) {
      #blog .dropdown {
        width: 1000px; } }
    #blog .dropdown hr {
      margin: 10px 0; }
      @media (min-width: 768px) {
        #blog .dropdown hr {
          margin: 6px 0 10px 0; } }
    #blog .dropdown #dropdown-btn {
      background-image: url("../img/blog/chevron-down@2x.png");
      background-size: 26px 26px;
      background-position: 380px center;
      background-repeat: no-repeat;
      border: solid 1px #b3b4b4;
      z-index: 100;
      width: 100%;
      display: inline-block;
      cursor: pointer;
      box-sizing: border-box; }
      @media (min-width: 768px) {
        #blog .dropdown #dropdown-btn {
          display: none; } }
      #blog .dropdown #dropdown-btn.selected {
        background-image: url("../img/blog/chevron-up@2x.png"); }
      #blog .dropdown #dropdown-btn span {
        border-bottom: none;
        z-index: -1;
        display: inline-block;
        position: relative;
        line-height: 18px;
        color: #e45d50;
        padding: 12px 18px 10px;
        padding-bottom: 10px;
        box-sizing: border-box; }
    #blog .dropdown #dropdown-content {
      display: none;
      width: 100%;
      border: solid 1px #b3b4b4;
      border-top: none;
      position: absolute;
      background-color: #fff;
      min-width: 200px;
      overflow: auto;
      z-index: 1;
      box-sizing: border-box; }
      @media (min-width: 768px) {
        #blog .dropdown #dropdown-content {
          position: relative;
          display: block;
          border: none; } }
      #blog .dropdown #dropdown-content ul {
        margin-bottom: 0; }
      #blog .dropdown #dropdown-content li {
        margin: 14px 18px 0 18px;
        padding-bottom: 14px;
        border-bottom: solid 1px #b3b4b4; }
        @media (min-width: 768px) {
          #blog .dropdown #dropdown-content li {
            display: inline-block !important;
            padding-bottom: 4px;
            margin: 4px 17px 0 0;
            border-bottom: none; } }
        @media (min-width: 1200px) {
          #blog .dropdown #dropdown-content li {
            margin-right: 58px; } }
        #blog .dropdown #dropdown-content li:last-of-type {
          border-bottom: none; }
          @media (min-width: 768px) {
            #blog .dropdown #dropdown-content li:last-of-type {
              margin-right: 0; } }
        #blog .dropdown #dropdown-content li.selected a {
          color: #e45d50; }
        #blog .dropdown #dropdown-content li#all-category a::before {
          content: "All Articles"; }
          @media (min-width: 768px) {
            #blog .dropdown #dropdown-content li#all-category a::before {
              content: "All"; } }
      #blog .dropdown #dropdown-content a {
        color: #b3b4b4;
        text-decoration: none;
        display: block; }
      #blog .dropdown #dropdown-content.show {
        display: block; }
  #blog #content {
    padding-bottom: 200px; }
    @media (min-width: 480px) {
      #blog #content {
        padding-bottom: 176px; } }
    @media (min-width: 768px) {
      #blog #content {
        padding-top: 25px;
        padding-bottom: 0; } }
    #blog #content h1 {
      font-family: "DINWeb-Cond", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-weight: 500;
      color: #323132; }
    #blog #content h2 {
      font-family: "DINWeb", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-weight: 500;
      font-size: 12px;
      line-height: 19px;
      letter-spacing: .5px;
      color: #959595;
      text-transform: none;
      margin: 0 0 18px 0; }
      @media (min-width: 768px) {
        #blog #content h2 {
          font-size: 18px;
          line-height: 21px;
          margin-bottom: 38px; } }
    #blog #content h3 {
      margin-bottom: 10px; }
    #blog #content p {
      font-weight: 400;
      margin-bottom: 16px; }
      @media (min-width: 768px) {
        #blog #content p {
          font-size: 18px;
          line-height: 32px;
          margin-bottom: 34px; } }
      #blog #content p a {
        font-weight: 400;
        color: #5597CB; }
      #blog #content p a:hover {
        text-decoration: underline; }
    #blog #content ul {
      margin-bottom: 50px; }
    #blog #content li {
      margin-bottom: 35px; }
    #blog #content .date {
      text-transform: uppercase;
      letter-spacing: -.2px;
      font-size: 14px; }
      @media (min-width: 768px) {
        #blog #content .date {
          font-size: 16px;
          font-weight: 400;
          margin-bottom: 0; } }
    #blog #content .author {
      color: #e45d50;
      text-transform: uppercase;
      letter-spacing: -.2px;
      font-size: 14px;
      font-weight: 500; }
      @media (min-width: 768px) {
        #blog #content .author {
          font-size: 16px;
          font-weight: 700;
          color: #1e1e1e;
          letter-spacing: 0; } }
    #blog #content .label {
      border-radius: 4px;
      font-size: 14px;
      padding: 6px 8px 2px 8px;
      color: white;
      text-transform: uppercase; }
      @media (min-width: 768px) {
        #blog #content .label {
          font-size: 16px;
          font-weight: 500; } }
    #blog #content #latest-articles h1 {
      font-size: 36px;
      line-height: 38px;
      letter-spacing: -.4px;
      margin: 20px 0 10px 0; }
      @media (min-width: 768px) {
        #blog #content #latest-articles h1 {
          font-size: 76px;
          line-height: 78px;
          margin: 8px 0 20px 0; } }
      @media (min-width: 1200px) {
        #blog #content #latest-articles h1 {
          font-size: 90px;
          line-height: 100px;
          margin-bottom: 24px; } }
    #blog #content #latest-articles .label {
      background-color: #97c1df; }
    #blog #content #latest-articles .continue {
      color: #e45d50;
      font-weight: 500;
      margin-bottom: 12px; }
      @media (min-width: 768px) {
        #blog #content #latest-articles .continue {
          margin-bottom: 26px; } }
    @media (min-width: 768px) {
      #blog #content #latest-articles .excerpt {
        display: inline-block;
        width: 470px; } }
    @media (min-width: 1200px) {
      #blog #content #latest-articles .excerpt {
        width: 656px; } }
    #blog #content #latest-articles .article-img {
      display: none; }
      @media (min-width: 768px) {
        #blog #content #latest-articles .article-img {
          display: inline-block;
          margin-left: 18px;
          width: 228px;
          height: auto;
          vertical-align: top; } }
      @media (min-width: 1200px) {
        #blog #content #latest-articles .article-img {
          margin-left: 26px;
          width: 312px; } }
    #blog #content #more-articles hr {
      padding-top: 0;
      margin-bottom: 28px; }
      @media (min-width: 768px) {
        #blog #content #more-articles hr {
          margin-bottom: 82px; } }
    #blog #content #more-articles .date {
      padding-top: 30px; }
      @media (min-width: 768px) {
        #blog #content #more-articles .date {
          padding-top: 72px; }
          #blog #content #more-articles .date:first-of-type {
            padding-top: 44px; } }
    #blog #content #article-list {
      padding-top: 0; }
    @media (min-width: 768px) {
      #blog #content #more-articles h3, #blog #content #article-list h3 {
        font-size: 40px;
        line-height: 44px;
        margin-bottom: 12px; } }
    #blog #content #more-articles .label, #blog #content #article-list .label {
      background-color: #959595; }
    #blog #content #more-articles .author, #blog #content #article-list .author {
      color: #959595; }
    @media (min-width: 768px) {
      #blog #content #more-articles .date, #blog #content #article-list .date {
        padding-bottom: 30px; } }
  #blog .pagination {
    padding: 0;
    margin: 1em 0;
    text-align: center; }
    #blog .pagination li {
      display: none;
      margin: 0 .2em;
      padding: 0;
      list-style: none; }
      #blog .pagination li .pagination-item {
        display: block; }
      #blog .pagination li.previous a, #blog .pagination li.previous a:visited, #blog .pagination li.next a, #blog .pagination li.next a:visited {
        color: #e45d50; }
      #blog .pagination li.page .pagination-item {
        text-decoration: none;
        width: 36px;
        height: 36px;
        border-radius: 36px;
        line-height: 40px;
        background: #eee;
        color: #323132; }
      #blog .pagination li.page a:hover {
        background: #b3b4b4; }
      #blog .pagination li.page.current-page .pagination-item {
        background: #e45d50;
        color: white; }
    #blog .pagination .current-page,
    #blog .pagination .previous,
    #blog .pagination .next {
      display: inline-block; }
    @media (min-width: 480px) {
      #blog .pagination .pages-indicator.pages-indicator--active {
        display: inline-block; }
      #blog .pagination .first,
      #blog .pagination .last {
        display: inline-block; }
      #blog .pagination .pages-indicator--offset-2,
      #blog .pagination .pages-indicator--offset-3,
      #blog .pagination .pages-indicator--offset-4,
      #blog .pagination .pages-indicator--offset-5,
      #blog .pagination .pages-indicator--offset-6,
      #blog .pagination .pages-indicator--offset-7 {
        display: inline-block; } }
    @media (min-width: 768px) {
      #blog .pagination .offset-1,
      #blog .pagination .offset-2 {
        display: inline-block; }
      #blog .pagination .pages-indicator--offset-2,
      #blog .pagination .pages-indicator--offset-3 {
        display: none; } }
    @media (min-width: 1200px) {
      #blog .pagination .offset-3,
      #blog .pagination .offset-4,
      #blog .pagination .offset-5,
      #blog .pagination .offset-6,
      #blog .pagination .offset-7 {
        display: inline-block; }
      #blog .pagination .pages-indicator--offset-4,
      #blog .pagination .pages-indicator--offset-5,
      #blog .pagination .pages-indicator--offset-6,
      #blog .pagination .pages-indicator--offset-7,
      #blog .pagination .pages-indicator--offset-8 {
        display: none; } }

/*****************************************/
/********** The Syndicate Posts **********/
/*****************************************/
html {
  font-family: 'sm-screen'; }

body:after {
  display: none; }

@media (min-width: 768px) {
  html {
    font-family: 'lg-screen'; }

  body:after {
    content: 'lg-screen'; } }
#syndicate {
  background: #fff;
  padding-top: 70px;
  padding-bottom: 400px; }
  #syndicate .container {
    width: 85%; }
  #syndicate hr,
  #syndicate section h1,
  #syndicate section h2,
  #syndicate section h3,
  #syndicate section p,
  #syndicate section ul,
  #syndicate section ol {
    width: 100%;
    margin: 0 auto; }
  #syndicate .content hr,
  #syndicate section.content h1,
  #syndicate section.content h2,
  #syndicate section.content h3,
  #syndicate section.content p {
    width: 85%; }
  #syndicate section.content ul,
  #syndicate section.content ol {
    width: -moz-calc(85% - 40px);
    width: -webkit-calc(85% - 40px);
    width: calc(85% - 40px); }
  #syndicate pre.highlight {
    background-color: #fbfbfb;
    line-height: 22px;
    padding: 0 20px;
    margin: 0 0 30px 0;
    overflow-x: auto; }
    #syndicate pre.highlight code {
      font-size: 14px;
      letter-spacing: .12px; }
  #syndicate code {
    font-family: 'Inconsolata', monospace;
    font-weight: 400;
    font-size: 17px;
    letter-spacing: -.5px;
    color: #959595; }
  #syndicate .video iframe {
    max-width: 100%; }
  #syndicate #mc-tagline {
    width: 290px;
    font-family: "DINWeb", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0;
    color: #4b4c4e;
    margin: 0 auto 46px auto;
    text-align: center; }

#syndicate sup {
  vertical-align: super;
  font-size: 75%;
  line-height: 0; }

#syndicate hr.full-width {
  width: 100%; }

#syndicate hr:not(.no-margin) {
  margin-bottom: 26px; }
  @media (min-width: 768px) {
    #syndicate hr:not(.no-margin) {
      margin-bottom: 40px; } }

#syndicate section h1 {
  font-family: "DINWeb-Cond", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 36px;
  line-height: 37px;
  letter-spacing: 0;
  color: #323132;
  text-align: center;
  margin-top: -18px;
  margin-bottom: 8px; }

#syndicate section h2,
#syndicate section h3 {
  font-family: "DINWeb", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  letter-spacing: 0;
  color: #959595;
  text-transform: none;
  padding-bottom: 30px; }

#syndicate section h2 {
  font-size: 20px;
  line-height: 28px;
  padding-top: 80px; }

#syndicate section h3 {
  font-size: 17px;
  line-height: 28px;
  padding-top: 50px; }

#syndicate section p,
#syndicate section li {
  font-family: "DINWeb", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: 0;
  color: #4b4c4e; }

#syndicate section p,
#syndicate section ul,
#syndicate section ol {
  padding-bottom: 30px; }

#syndicate section li {
  padding-bottom: 0; }

#syndicate section li.disc {
  list-style-type: disc; }

#syndicate em {
  font-style: italic;
  letter-spacing: 0; }

#syndicate section blockquote, #syndicate section blockquote p {
  font-family: 'Archer SSm A', 'Archer SSm B', serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 28px;
  font-style: normal;
  letter-spacing: -.4px;
  color: #e45d50; }

#syndicate section a {
  font-weight: 400;
  color: #5597CB; }

#syndicate section p a:hover {
  text-decoration: underline; }

#syndicate .content {
  overflow-x: hidden; }

#syndicate #header {
  text-align: center;
  padding-bottom: 32px; }

#syndicate .header-img {
  width: 181px;
  height: 40px;
  margin: 0 auto;
  background: url("../img/blog/SyndicateLogo-Article-iPhone.png") no-repeat 50% 0;
  background-size: 181px 40px; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 2dppx) {
  #syndicate .header-img {
    background-image: url("../img/blog/SyndicateLogo-Article-iPhone@2x.png");
    background-size: 181px 40px; } }
#syndicate .mc-quote-info *,
#syndicate .article-nav * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

#syndicate .article-img {
  max-width: 100%;
  height: auto;
  transform: scale(0.7, 0.7);
  -webkit-transform: scale(0.7, 0.7); }

#syndicate .article-info {
  font-size: 13px;
  padding: 0;
  color: #323132; }

#syndicate .author {
  font-weight: 500;
  text-transform: uppercase; }
  #syndicate .author a {
    color: #e45d50; }

#syndicate .date {
  text-transform: uppercase; }

#syndicate .quote-cite {
  color: #959595;
  font-size: 13px;
  letter-spacing: .5px; }
  #syndicate .quote-cite a {
    color: #959595;
    text-decoration: underline; }

#syndicate .caption {
  font-family: "DINWeb", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.1px;
  color: #959595;
  margin-top: -23px;
  padding-bottom: 38px; }

#syndicate .extra-small-img + .caption {
  text-align: center; }

#syndicate .image-wrapper > img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto; }

#syndicate .image-wrapper.bw-hover {
  background-image: url("../img/blog/articles/small/20140703_Yosemite_materials-02-hover.png");
  background-size: contain; }

#syndicate .image-wrapper.bw-hover > img:hover {
  opacity: 0; }

#syndicate .image-wrapper.extra-small-img {
  max-width: 300px;
  text-align: center; }

#syndicate .image-wrapper.large-img {
  width: 100%; }

#syndicate .mc-quote-wrapper {
  width: 310px;
  margin: 0 auto 20px auto; }
  #syndicate .mc-quote-wrapper .mc-quote-box {
    width: 100%;
    height: 100%;
    background: #f6f6f6;
    border-top: 1px solid #e3e3e3;
    border-radius: 14px; }
  #syndicate .mc-quote-wrapper img {
    width: 60px;
    height: 60px;
    padding: 12px 8px 2px;
    display: inline-block !important; }
  #syndicate .mc-quote-wrapper .mc-quote-info {
    color: #323132;
    display: inline-block;
    width: 220px;
    text-align: left;
    vertical-align: top;
    padding-top: 18px; }
  #syndicate .mc-quote-wrapper .mc-quote-author {
    text-transform: uppercase;
    font-weight: 200;
    font-size: 18px;
    line-height: 20px;
    letter-spacing: .5px;
    width: 100%;
    padding-bottom: 0; }
  #syndicate .mc-quote-wrapper .mc-quote-text {
    width: 100%;
    padding-bottom: 12px; }

#syndicate .video-wrapper {
  position: relative;
  height: 200px; }

#syndicate .video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

#syndicate section div.footnotes {
  /*	width: 75%;
  	margin-left: 12.5%; */
  margin-top: 25px; }

#syndicate section div.footnotes ol {
  padding-top: 25px;
  padding-left: 25px;
  border-top: 1px solid #ebebeb; }

#syndicate section div.footnotes ol li {
  font-size: 12px; }

#syndicate section div.footnotes li p {
  font-size: 12px;
  padding-bottom: 0;
  letter-spacing: 0; }

#syndicate .article-nav .container {
  padding: 16px 0 13px 0;
  text-align: center; }

#syndicate .article-nav h1 {
  display: inline-block;
  font-size: 28px;
  line-height: 32px;
  font-weight: 400;
  text-transform: uppercase;
  color: #323132; }

#syndicate .article-nav .arrow {
  font-weight: 200;
  font-size: 13px;
  line-height: 22px;
  letter-spacing: .5px;
  color: #e45d50;
  text-transform: uppercase;
  margin-bottom: 14px;
  padding-bottom: 0; }

#syndicate .article-nav .article-info {
  font-weight: 400;
  font-size: 12px;
  line-height: 19px;
  padding: 0;
  color: #959595; }

#syndicate .article-nav .author {
  color: #959595; }

/*==================================================
  #Media Queries:
================================================== */
/*====================================================================*/
/*=================  landscape phone size and up  ====================*/
/*====================================================================*/
@media (min-width: 480px) {
  #syndicate .video-wrapper {
    height: 300px; } }
/*====================================================================*/
/*===================  portrait tablet size and up  ==================*/
/*====================================================================*/
@media (min-width: 768px) {
  #syndicate {
    padding-top: 90px;
    padding-bottom: 370px; }
    #syndicate .container {
      width: 744px; }
    #syndicate .content hr,
    #syndicate section.content h2,
    #syndicate section.content h3,
    #syndicate section.content p {
      width: 620px; }
    #syndicate section.content ul,
    #syndicate section.content ol {
      width: 580px; }
    #syndicate .highlighter-rouge {
      margin: 0 auto 30px auto;
      width: 748px; }
    #syndicate #mc-tagline {
      width: 630px;
      font-size: 18px;
      line-height: 28px; }
    #syndicate .video-wrapper {
      height: 320px; }

  #syndicate section h1 {
    margin-bottom: 10px; }

  #syndicate section h2 {
    font-size: 32px;
    line-height: 32px;
    padding-top: 68px;
    padding-bottom: 35px; }

  #syndicate section h3 {
    font-size: 22px;
    line-height: 32px;
    padding-top: 34px;
    padding-bottom: 35px; }

  #syndicate section h2 + .image-wrapper,
  #syndicate section h3 + .image-wrapper {
    padding-top: 10px; }

  #syndicate section .caption {
    margin-top: -30px; }

  #syndicate section blockquote, #syndicate section blockquote p {
    font-size: 24px;
    line-height: 38px; }

  #syndicate .header-img {
    margin-top: -26px; }

  #syndicate .article-img {
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    padding-top: 36px;
    padding-bottom: 40px;
    max-width: 62%; }

  #syndicate .article-info {
    width: 744px; }

  #syndicate #header-divider {
    margin: 60px 0 80px 0; }

  #syndicate section.content p.image-wrapper.medium-img {
    width: 744px; }

  #syndicate .image-wrapper > img {
    padding-bottom: 16px; }

  #syndicate .image-wrapper.bw-hover {
    width: 744px;
    background-image: url("../img/blog/articles/large/20140703_Yosemite_materials-02-hover.png"); }

  #syndicate .column-wrapper {
    width: 620px;
    margin: 0 auto; }

  #syndicate .column {
    display: inline-block;
    vertical-align: top;
    width: 292px;
    margin: 0; }
    #syndicate .column p.column-img,
    #syndicate .column p.caption {
      width: 100%; }

  #syndicate .column:nth-child(2) {
    margin-left: 20px; }

  #syndicate .mc-quote-wrapper {
    width: 654px;
    margin: 0 auto 20px auto; }
    #syndicate .mc-quote-wrapper .mc-quote-box {
      width: 100%;
      height: 100%;
      border-top: 1px solid #e3e3e3;
      border-radius: 14px; }
    #syndicate .mc-quote-wrapper img.show-on-lg-screen {
      width: 100px;
      height: 100px;
      padding: 22px 16px 2px;
      display: inline-block !important; }
    #syndicate .mc-quote-wrapper .mc-quote-info {
      display: inline-block;
      width: 500px;
      padding-top: 30px;
      text-align: left;
      vertical-align: top; }
    #syndicate .mc-quote-wrapper .mc-quote-author {
      font-size: 25px;
      line-height: 28px;
      padding-bottom: 0;
      width: 100%; }
    #syndicate .mc-quote-wrapper .mc-quote-text {
      width: 100%;
      padding-bottom: 22px; }

  #syndicate .article-nav {
    width: 744px;
    margin: 0 auto; }

  #syndicate .article-nav h1 {
    font-size: 34px;
    line-height: 36px;
    margin-bottom: 0; }

  #syndicate .article-nav .arrow {
    font-size: 13px;
    line-height: 22px;
    padding-bottom: 20px; }

  #syndicate .article-nav .article-info {
    font-size: 13px;
    line-height: 23px; }

  #syndicate .article-nav .container {
    padding: 26px 0 44px 0; }

  #syndicate .article-nav .previous {
    float: left;
    width: 350px; }

  #syndicate .article-nav .previous * {
    text-align: left;
    width: 100%; }

  #syndicate .article-nav .next {
    float: right;
    width: 350px; }

  #syndicate .article-nav .next * {
    text-align: right;
    width: 100%; }

  #syndicate .article-nav .previous .arrow {
    padding-left: 20px;
    background: url("../img/blog/BackArrow-Footer.png") no-repeat 0 2px;
    background-position: 0 2px; }

  #syndicate .article-nav .next .arrow {
    padding-right: 20px;
    background: url("../img/blog/NextArrow-Footer.png") no-repeat 100% 2px; } }
/*====================================================================*/
/*=================  landscape tablet size and up  ===================*/
/*====================================================================*/
@media (min-width: 1200px) {
  #syndicate {
    padding-top: 100px;
    padding-bottom: 440px; }
    #syndicate .container {
      width: 1032px; }
    #syndicate section h1 {
      font-size: 90px;
      line-height: 100px;
      margin-bottom: 14px; }
      #syndicate section h1 .article-info {
        width: 1032px; }
    #syndicate .content hr,
    #syndicate section.content h1,
    #syndicate section.content h2,
    #syndicate section.content h3,
    #syndicate section.content p {
      width: 656px; }
    #syndicate section.content ul,
    #syndicate section.content ol {
      width: 616px; }
    #syndicate .highlighter-rouge {
      width: 776px; }
    #syndicate #mc-tagline {
      width: 854px; }
    #syndicate .video-wrapper {
      height: 340px; }

  #syndicate section p,
  #syndicate section li {
    font-weight: 400;
    font-size: 18px;
    line-height: 32px;
    letter-spacing: 0.2px; }

  #syndicate p code {
    font-size: 19px; }

  #syndicate #header {
    padding-bottom: 0; }

  #syndicate .header-img {
    width: 277px;
    height: 61px;
    padding-bottom: 40px;
    background: url("../img/blog/SyndicateLogo-Article-Desktop.png") no-repeat 50% 0;
    background-size: 277px 61px; } }
@media (min-width: 1200px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 1200px) and (min-device-pixel-ratio: 1.5), (min-width: 1200px) and (min-resolution: 2dppx) {
  #syndicate .header-img {
    background-image: url("../img/blog/SyndicateLogo-Article-Desktop@2x.png");
    background-size: 277px 61px; } }
@media (min-width: 1200px) {
  #syndicate #header-divider {
    margin-bottom: 70px; }

  #syndicate .article-img {
    padding-top: 0;
    padding-bottom: 22px; }

  #syndicate .article-info {
    font-size: 16px;
    line-height: 34px;
    width: 744px; }

  #syndicate .column-wrapper {
    width: 656px; }

  #syndicate .column {
    width: 312px; }

  #syndicate section div.footnotes {
    width: 75%;
    margin-left: 12.5%; }

  #syndicate .image-wrapper.bw-hover {
    width: 1000px; }

  #syndicate section.content p.image-wrapper.medium-img {
    width: 1000px; }

  #syndicate .article-nav {
    width: 1032px; }

  #syndicate .article-nav .previous {
    width: 400px; }

  #syndicate .article-nav .next {
    width: 400px; } }
@media (min-width: 1200px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 1200px) and (min-device-pixel-ratio: 1.5), (min-width: 1200px) and (min-resolution: 2dppx) {
  #syndicate .image-wrapper.bw-hover {
    background-image: url("../img/blog/articles/large/20140703_Yosemite_materials-02-hover@2x.png"); } }
/*============================================================================*/
/*================  overrides for the Syndicate quotes article ===============*/
/*============================================================================*/
#syndicate .emp-quote {
  margin-left: 40px;
  margin-top: -20px;
  padding-bottom: 20px; }

/********************************/
/********** Author Box **********/
/********************************/
#blog #content .author-wrapper, #syndicate .author-wrapper {
  width: 310px;
  margin: 40px auto 60px auto; }
  @media (min-width: 768px) {
    #blog #content .author-wrapper, #syndicate .author-wrapper {
      width: 654px;
      height: 121px;
      margin: 90px auto 100px auto; } }
  #blog #content .author-wrapper .author-box, #syndicate .author-wrapper .author-box {
    margin-top: -12px;
    background: #f6f6f6;
    border: 1px solid #e3e3e3;
    border-top: 0; }
    @media (min-width: 768px) {
      #blog #content .author-wrapper .author-box, #syndicate .author-wrapper .author-box {
        width: 100%;
        height: 100%;
        border-top: 1px solid #e3e3e3; } }
    #blog #content .author-wrapper .author-box .author-info, #syndicate .author-wrapper .author-box .author-info {
      text-transform: uppercase;
      color: #323132;
      padding-top: 18px;
      text-align: center;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      @media (min-width: 768px) {
        #blog #content .author-wrapper .author-box .author-info, #syndicate .author-wrapper .author-box .author-info {
          float: left;
          width: auto;
          padding: 40px 0 0 20px;
          text-align: left; } }
    #blog #content .author-wrapper .author-box p.author-name, #syndicate .author-wrapper .author-box p.author-name {
      font-weight: 200;
      font-size: 25px;
      line-height: 28px;
      letter-spacing: .5px;
      padding-bottom: 0;
      margin-bottom: 0; }
      @media (min-width: 480px) {
        #blog #content .author-wrapper .author-box p.author-name, #syndicate .author-wrapper .author-box p.author-name {
          width: 260px; } }
      @media (min-width: 768px) {
        #blog #content .author-wrapper .author-box p.author-name, #syndicate .author-wrapper .author-box p.author-name {
          font-size: 25px;
          line-height: 28px;
          padding-bottom: 0; } }
    #blog #content .author-wrapper .author-box p.author-position, #syndicate .author-wrapper .author-box p.author-position {
      font-size: 13px;
      line-height: 18px;
      letter-spacing: .4px;
      padding-bottom: 14px; }
      @media (min-width: 480px) {
        #blog #content .author-wrapper .author-box p.author-position, #syndicate .author-wrapper .author-box p.author-position {
          width: 260px; } }
      @media (min-width: 768px) {
        #blog #content .author-wrapper .author-box p.author-position, #syndicate .author-wrapper .author-box p.author-position {
          font-size: 13px;
          line-height: 23px;
          padding-bottom: 0; } }
    #blog #content .author-wrapper .author-box .social, #syndicate .author-wrapper .author-box .social {
      padding: 6px 0;
      margin-bottom: 0;
      line-height: 30px;
      width: 310px;
      border-top: 1px solid #e3e3e3;
      text-align: center; }
      @media (min-width: 768px) {
        #blog #content .author-wrapper .author-box .social, #syndicate .author-wrapper .author-box .social {
          padding-top: 44px;
          padding-left: 0;
          float: right;
          border-top: 0;
          width: auto; } }
      #blog #content .author-wrapper .author-box .social li, #syndicate .author-wrapper .author-box .social li {
        display: inline;
        margin: 0 18px 0 18px; }
        @media (min-width: 768px) {
          #blog #content .author-wrapper .author-box .social li, #syndicate .author-wrapper .author-box .social li {
            margin: 0; } }
        #blog #content .author-wrapper .author-box .social li:last-child, #syndicate .author-wrapper .author-box .social li:last-child {
          margin-right: 30px; }
        #blog #content .author-wrapper .author-box .social li a:hover, #syndicate .author-wrapper .author-box .social li a:hover {
          border: none; }
      #blog #content .author-wrapper .author-box .social svg, #syndicate .author-wrapper .author-box .social svg {
        vertical-align: middle; }
        @media (min-width: 768px) {
          #blog #content .author-wrapper .author-box .social svg, #syndicate .author-wrapper .author-box .social svg {
            padding-left: 0;
            padding-right: 20px; } }
      #blog #content .author-wrapper .author-box .social .icon, #syndicate .author-wrapper .author-box .social .icon {
        fill: #959595; }
  #blog #content .author-wrapper img, #syndicate .author-wrapper img {
    width: 310px;
    height: 78px; }
    @media (min-width: 768px) {
      #blog #content .author-wrapper img, #syndicate .author-wrapper img {
        float: left;
        width: 100px;
        height: 100px;
        padding: 10px 0 0 20px; } }

/**********************************/
/********** Careers page **********/
/**********************************/
#careers {
  padding-bottom: 194px; }
  #careers .footer {
    height: 194px; }
  #careers small {
    display: block;
    color: #4b4c4e;
    margin: 14px 0 22px 0; }
  @media (min-width: 768px) {
    #careers {
      background-image: url("../img/careers/CareersHeroBackground.png");
      background-position: 90% 30px;
      background-repeat: no-repeat;
      background-size: 1110px auto;
      padding-bottom: 180px; } }
  @media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 768px) and (min-device-pixel-ratio: 1.5), (min-width: 768px) and (-o-min-device-pixel-ratio: 1.5), (min-width: 768px) and (min-resolution: 2dppx) {
    #careers {
      background-image: url("../img/careers/CareersHeroBackground@2x.png"); } }
  @media (min-width: 768px) {
      #careers .footer {
        height: 180px; } }
  @media (min-width: 1200px) {
    #careers {
      background-position: right 40px;
      background-size: 1430px auto; } }
  #careers section p {
    margin: 14px 0 22px 0; }
  #careers #intro {
    padding: 270px 0 10px 0;
    background-image: url("../img/careers/Small-Explore.png");
    background-position: center 88px;
    background-repeat: no-repeat;
    background-size: 121px auto; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 2dppx) {
      #careers #intro {
        background-image: url("../img/careers/Small-Explore@2x.png"); } }
    #careers #intro h2 {
      color: #e45d50;
      margin-bottom: 30px; }
    #careers #intro p {
      font-weight: bold; }
    @media (min-width: 480px) {
      #careers #intro {
        padding-bottom: 32px; } }
    @media (min-width: 768px) {
      #careers #intro {
        padding-top: 120px;
        padding-bottom: 70px;
        background-position: 500px 180px;
        background-size: 200px auto; } }
    @media (min-width: 1200px) {
      #careers #intro {
        padding-top: 130px;
        padding-bottom: 80px;
        background-image: url("../img/careers/Large-Explore.png");
        background-position: 706px 180px;
        background-size: 274px auto; } }
  @media (min-width: 1200px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 1200px) and (min-device-pixel-ratio: 1.5), (min-width: 1200px) and (-o-min-device-pixel-ratio: 1.5), (min-width: 1200px) and (min-resolution: 2dppx) {
    #careers #intro {
      background-image: url("../img/careers/Large-Explore@2x.png"); } }
    @media (min-width: 1200px) {
        #careers #intro h2 {
          margin-bottom: 60px; } }
  #careers #crew {
    padding: 260px 0 10px 0;
    background-image: url("../img/careers/Small-Crew.png");
    background-position: center 32px;
    background-repeat: no-repeat;
    background-size: 206px 192px; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 2dppx) {
      #careers #crew {
        background-image: url("../img/careers/Small-Crew@2x.png"); } }
    @media (min-width: 768px) {
      #careers #crew {
        padding-top: 54px;
        background-image: url("../img/careers/Large-Crew.png");
        background-position: 20px 76px;
        background-size: 230px auto; } }
  @media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 768px) and (min-device-pixel-ratio: 1.5), (min-width: 768px) and (-o-min-device-pixel-ratio: 1.5), (min-width: 768px) and (min-resolution: 2dppx) {
    #careers #crew {
      background-image: url("../img/careers/Large-Crew@2x.png"); } }
    @media (min-width: 768px) {
        #careers #crew p {
          opacity: .8; } }
    @media (min-width: 1200px) {
      #careers #crew {
        padding: 82px 0 86px 0;
        background-position: left 120px;
        background-size: 311px auto; } }
  #careers #benefits {
    border-top: solid 3px #959595;
    padding-top: 40px;
    padding-bottom: 0; }
    #careers #benefits .beach-img {
      padding-top: 22px;
      padding-bottom: 16px; }
      #careers #benefits .beach-img img {
        margin: 0 auto;
        display: block; }
    #careers #benefits .subtitle {
      margin-top: 0; }
      @media (min-width: 768px) {
        #careers #benefits .subtitle {
          margin-top: 4px; } }
    #careers #benefits li {
      background-size: auto 24px;
      background-repeat: no-repeat;
      background-position: left 8px;
      margin-bottom: 22px; }
      #careers #benefits li h3 {
        padding-top: 4px;
        padding-left: 30px; }
      #careers #benefits li p {
        color: #4b4c4e;
        font-weight: 200; }
        @media (min-width: 1200px) {
          #careers #benefits li p {
            font-size: 16px;
            line-height: 1.75; } }
      #careers #benefits li#vacation {
        background-image: url("../img/careers/Benefits-Vacation.png"); }
        @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 2dppx) {
          #careers #benefits li#vacation {
            background-image: url("../img/careers/Benefits-Vacation@2x.png"); } }
      #careers #benefits li#health {
        background-image: url("../img/careers/Benefits-Health.png"); }
        @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 2dppx) {
          #careers #benefits li#health {
            background-image: url("../img/careers/Benefits-Health@2x.png"); } }
      #careers #benefits li#retirement {
        background-image: url("../img/careers/Benefits-Retirement.png");
        margin-bottom: 36px; }
        @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 2dppx) {
          #careers #benefits li#retirement {
            background-image: url("../img/careers/Benefits-Retirement@2x.png"); } }
        #careers #benefits li#retirement small:first-of-type {
          margin-bottom: 24px; }
      #careers #benefits li#life-ins {
        background-image: url("../img/careers/benefits-lifeInsurance.png"); }
        @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 2dppx) {
          #careers #benefits li#life-ins {
            background-image: url("../img/careers/benefits-lifeInsurance@2x.png"); } }
      #careers #benefits li#education {
        background-image: url("../img/careers/benefits-education.png"); }
        @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 2dppx) {
          #careers #benefits li#education {
            background-image: url("../img/careers/benefits-education@2x.png"); } }
      #careers #benefits li#fitness {
        background-image: url("../img/careers/benefits-fitness.png"); }
        @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 2dppx) {
          #careers #benefits li#fitness {
            background-image: url("../img/careers/benefits-fitness@2x.png"); } }
      #careers #benefits li#flex {
        background-image: url("../img/careers/benefits-flexTime.png"); }
        @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 2dppx) {
          #careers #benefits li#flex {
            background-image: url("../img/careers/benefits-flexTime@2x.png"); } }
      #careers #benefits li#paternity {
        background-image: url("../img/careers/benefits-paternity.png"); }
        @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 2dppx) {
          #careers #benefits li#paternity {
            background-image: url("../img/careers/benefits-paternity@2x.png"); } }
    #careers #benefits .row:last-of-type {
      margin-bottom: 0; }
    @media (min-width: 768px) {
      #careers #benefits {
        padding-top: 40px;
        padding-bottom: 10px; }
        #careers #benefits .separator {
          margin-top: 50px; }
        #careers #benefits .beach-img {
          padding-top: 0; }
          #careers #benefits .beach-img img {
            width: 360px;
            height: auto;
            margin: 0; }
        #careers #benefits li {
          background-size: auto 38px;
          background-position: left top; }
          #careers #benefits li h3 {
            padding-top: 4px;
            padding-left: 50px; } }
    @media (min-width: 1200px) {
      #careers #benefits {
        padding-top: 80px;
        padding-bottom: 8px; }
        #careers #benefits .separator {
          margin-top: 70px; }
        #careers #benefits .beach-img img {
          width: 480px;
          margin-left: 26px; }
        #careers #benefits ul:last-of-type {
          margin-left: 104px; }
        #careers #benefits li {
          background-size: auto 42px;
          background-position: left 8px; }
          #careers #benefits li#retirement small:first-of-type {
            margin-bottom: 28px; }
        #careers #benefits h2 {
          padding-bottom: 0;
          margin-bottom: 150px; }
        #careers #benefits h3 {
          margin-bottom: 30px; }
        #careers #benefits small {
          margin-bottom: 56px; }
        #careers #benefits .row:last-of-type {
          margin-bottom: 24px; } }
  #careers #join {
    border-top: solid 3px #959595;
    padding-top: 40px; }
    #careers #join .row {
      margin: 0; }
    #careers #join h2 {
      margin-bottom: 0; }
    #careers #join .remote-row {
      padding-top: 214px;
      background-image: url("../img/careers/remote.png");
      background-size: 310px auto;
      background-repeat: no-repeat;
      background-position: center 30px; }
      @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 2dppx) {
        #careers #join .remote-row {
          background-image: url("../img/careers/remote@2x.png"); } }
      #careers #join .remote-row p {
        margin-bottom: 10px; }
    #careers #join #last-p {
      margin-bottom: 50px; }
    @media (min-width: 768px) {
      #careers #join {
        padding-top: 60px;
        padding-bottom: 70px; }
        #careers #join .remote-row {
          padding-top: 56px;
          background-position: 350px 30px;
          background-size: 360px auto; } }
    @media (min-width: 1200px) {
      #careers #join {
        padding-top: 100px;
        padding-bottom: 94px; }
        #careers #join .remote-row {
          padding-top: 106px;
          background-position: 494px 30px;
          background-size: 500px auto; }
          #careers #join .remote-row p {
            margin-bottom: 20px; } }
  #careers #hiring {
    background-color: #272e38;
    padding-top: 80px; }
    #careers #hiring h2, #careers #hiring h3 {
      color: #fff; }
      @media (min-width: 1200px) {
        #careers #hiring h2, #careers #hiring h3 {
          margin-bottom: 80px; } }
    #careers #hiring h3 {
      display: inline-block; }
    #careers #hiring ul {
      margin-bottom: 0; }
    #careers #hiring li {
      border-top: 1px solid #808080;
      padding: 17px 20px 10px 0;
      margin-bottom: 0; }
      #careers #hiring li:last-child {
        border-bottom: 1px solid #808080; }
      @media (min-width: 768px) {
        #careers #hiring li {
          padding-right: 0; } }
      #careers #hiring li a {
        display: block; }
        @media (min-width: 768px) {
          #careers #hiring li a {
            padding-left: 0;
            padding-right: 0; } }
        #careers #hiring li a h3 {
          margin-bottom: 0; }
        #careers #hiring li a:hover {
          border: none; }
        #careers #hiring li a:after {
          border-color: #808080;
          border-style: solid;
          border-width: 1px 1px 0 0;
          content: '';
          display: inline-block;
          height: 0.45em;
          position: relative;
          top: 0.25em;
          float: right;
          transform: rotate(45deg);
          -webkit-transform: rotate(45deg);
          vertical-align: middle;
          width: 0.45em; }
          @media (min-width: 768px) {
            #careers #hiring li a:after {
              color: #e45d50;
              content: 'View Opening';
              font-family: "DINWeb", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
              font-size: 18px;
              line-height: 1.67;
              border: none;
              -webkit-transform: none;
              transform: none;
              height: 100%;
              width: auto;
              top: 0; } }
          @media (min-width: 1200px) {
            #careers #hiring li a:after {
              line-height: 2.5; } }
  #careers #employees {
    overflow-x: hidden;
    height: 264px; }
    #careers #employees .caption {
      position: absolute;
      font-size: 13px;
      line-height: 16px;
      color: #999;
      padding-top: 8px; }
    #careers #employees .image-slider .slides .container {
      height: 100%;
      width: 290px; }
    #careers #employees .image-slider .slides .slide[data-index="0"] > .slide-content {
      background-image: url("../img/careers/S-Richard.jpg"); }
      @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 2dppx) {
        #careers #employees .image-slider .slides .slide[data-index="0"] > .slide-content {
          background-image: url("../img/careers/S-Richard@2x.jpg"); } }
    #careers #employees .image-slider .slides .slide[data-index="1"] > .slide-content {
      background-image: url("../img/careers/S-Brady.jpg"); }
      @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 2dppx) {
        #careers #employees .image-slider .slides .slide[data-index="1"] > .slide-content {
          background-image: url("../img/careers/S-Brady@2x.jpg"); } }
    #careers #employees .image-slider .slides .slide[data-index="2"] > .slide-content {
      background-image: url("../img/careers/S-Cat.jpg"); }
      @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 2dppx) {
        #careers #employees .image-slider .slides .slide[data-index="2"] > .slide-content {
          background-image: url("../img/careers/S-Cat@2x.jpg"); } }
    #careers #employees .image-slider .slides .slide[data-index="3"] > .slide-content {
      background-image: url("../img/careers/S-Chris.jpg"); }
      @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 2dppx) {
        #careers #employees .image-slider .slides .slide[data-index="3"] > .slide-content {
          background-image: url("../img/careers/S-Chris@2x.jpg"); } }
    #careers #employees .image-slider .slides .slide[data-index="4"] > .slide-content {
      background-image: url("../img/careers/S-Cory.jpg"); }
      @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 2dppx) {
        #careers #employees .image-slider .slides .slide[data-index="4"] > .slide-content {
          background-image: url("../img/careers/S-Cory@2x.jpg"); } }
    #careers #employees .image-slider .slides .slide[data-index="5"] > .slide-content {
      background-image: url("../img/careers/S-Daniel.jpg"); }
      @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 2dppx) {
        #careers #employees .image-slider .slides .slide[data-index="5"] > .slide-content {
          background-image: url("../img/careers/S-Daniel@2x.jpg"); } }
    #careers #employees .image-slider .slides .slide[data-index="6"] > .slide-content {
      background-image: url("../img/careers/S-Josh.jpg"); }
      @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 2dppx) {
        #careers #employees .image-slider .slides .slide[data-index="6"] > .slide-content {
          background-image: url("../img/careers/S-Josh@2x.jpg"); } }
    #careers #employees .image-slider .slides .slide[data-index="7"] > .slide-content {
      background-image: url("../img/careers/S-Trevor.jpg"); }
      @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 2dppx) {
        #careers #employees .image-slider .slides .slide[data-index="7"] > .slide-content {
          background-image: url("../img/careers/S-Trevor@2x.jpg"); } }
    #careers #employees .image-slider .slides .slide[data-index="8"] > .slide-content {
      background-image: url("../img/careers/S-Kit.jpg"); }
      @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 2dppx) {
        #careers #employees .image-slider .slides .slide[data-index="8"] > .slide-content {
          background-image: url("../img/careers/S-Kit@2x.jpg"); } }
    #careers #employees .image-slider .slides .slide[data-index="9"] > .slide-content {
      background-image: url("../img/careers/S-Bean.jpg"); }
      @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 2dppx) {
        #careers #employees .image-slider .slides .slide[data-index="9"] > .slide-content {
          background-image: url("../img/careers/S-Bean@2x.jpg"); } }
    #careers #employees .image-slider .slides .slide[data-index="10"] > .slide-content {
      background-image: url("../img/careers/S-Tyler.jpg"); }
      @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 2dppx) {
        #careers #employees .image-slider .slides .slide[data-index="10"] > .slide-content {
          background-image: url("../img/careers/S-Tyler@2x.jpg"); } }
    #careers #employees .image-slider .slides .slide[data-index="11"] > .slide-content {
      background-image: url("../img/careers/S-Eric.jpg"); }
      @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 2dppx) {
        #careers #employees .image-slider .slides .slide[data-index="11"] > .slide-content {
          background-image: url("../img/careers/S-Eric@2x.jpg"); } }
    @media (min-width: 480px) {
      #careers #employees {
        height: 408px; }
        #careers #employees .image-slider .slides .container {
          width: 420px; }
        #careers #employees .image-slider .slides .slide[data-index="0"] > .slide-content {
          background-image: url("../img/careers/M-Richard.jpg"); } }
    @media (min-width: 480px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 480px) and (min-device-pixel-ratio: 1.5), (min-width: 480px) and (-o-min-device-pixel-ratio: 1.5), (min-width: 480px) and (min-resolution: 2dppx) {
      #careers #employees .image-slider .slides .slide[data-index="0"] > .slide-content {
        background-image: url("../img/careers/M-Richard@2x.jpg"); } }
    @media (min-width: 480px) {
        #careers #employees .image-slider .slides .slide[data-index="1"] > .slide-content {
          background-image: url("../img/careers/M-Brady.jpg"); } }
    @media (min-width: 480px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 480px) and (min-device-pixel-ratio: 1.5), (min-width: 480px) and (-o-min-device-pixel-ratio: 1.5), (min-width: 480px) and (min-resolution: 2dppx) {
      #careers #employees .image-slider .slides .slide[data-index="1"] > .slide-content {
        background-image: url("../img/careers/M-Brady@2x.jpg"); } }
    @media (min-width: 480px) {
        #careers #employees .image-slider .slides .slide[data-index="2"] > .slide-content {
          background-image: url("../img/careers/M-Cat.jpg"); } }
    @media (min-width: 480px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 480px) and (min-device-pixel-ratio: 1.5), (min-width: 480px) and (-o-min-device-pixel-ratio: 1.5), (min-width: 480px) and (min-resolution: 2dppx) {
      #careers #employees .image-slider .slides .slide[data-index="2"] > .slide-content {
        background-image: url("../img/careers/M-Cat@2x.jpg"); } }
    @media (min-width: 480px) {
        #careers #employees .image-slider .slides .slide[data-index="3"] > .slide-content {
          background-image: url("../img/careers/M-Chris.jpg"); } }
    @media (min-width: 480px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 480px) and (min-device-pixel-ratio: 1.5), (min-width: 480px) and (-o-min-device-pixel-ratio: 1.5), (min-width: 480px) and (min-resolution: 2dppx) {
      #careers #employees .image-slider .slides .slide[data-index="3"] > .slide-content {
        background-image: url("../img/careers/M-Chris@2x.jpg"); } }
    @media (min-width: 480px) {
        #careers #employees .image-slider .slides .slide[data-index="4"] > .slide-content {
          background-image: url("../img/careers/M-Cory.jpg"); } }
    @media (min-width: 480px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 480px) and (min-device-pixel-ratio: 1.5), (min-width: 480px) and (-o-min-device-pixel-ratio: 1.5), (min-width: 480px) and (min-resolution: 2dppx) {
      #careers #employees .image-slider .slides .slide[data-index="4"] > .slide-content {
        background-image: url("../img/careers/M-Cory@2x.jpg"); } }
    @media (min-width: 480px) {
        #careers #employees .image-slider .slides .slide[data-index="5"] > .slide-content {
          background-image: url("../img/careers/M-Daniel.jpg"); } }
    @media (min-width: 480px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 480px) and (min-device-pixel-ratio: 1.5), (min-width: 480px) and (-o-min-device-pixel-ratio: 1.5), (min-width: 480px) and (min-resolution: 2dppx) {
      #careers #employees .image-slider .slides .slide[data-index="5"] > .slide-content {
        background-image: url("../img/careers/M-Daniel@2x.jpg"); } }
    @media (min-width: 480px) {
        #careers #employees .image-slider .slides .slide[data-index="6"] > .slide-content {
          background-image: url("../img/careers/M-Josh.jpg"); } }
    @media (min-width: 480px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 480px) and (min-device-pixel-ratio: 1.5), (min-width: 480px) and (-o-min-device-pixel-ratio: 1.5), (min-width: 480px) and (min-resolution: 2dppx) {
      #careers #employees .image-slider .slides .slide[data-index="6"] > .slide-content {
        background-image: url("../img/careers/M-Josh@2x.jpg"); } }
    @media (min-width: 480px) {
        #careers #employees .image-slider .slides .slide[data-index="7"] > .slide-content {
          background-image: url("../img/careers/M-Trevor.jpg"); } }
    @media (min-width: 480px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 480px) and (min-device-pixel-ratio: 1.5), (min-width: 480px) and (-o-min-device-pixel-ratio: 1.5), (min-width: 480px) and (min-resolution: 2dppx) {
      #careers #employees .image-slider .slides .slide[data-index="7"] > .slide-content {
        background-image: url("../img/careers/M-Trevor@2x.jpg"); } }
    @media (min-width: 480px) {
        #careers #employees .image-slider .slides .slide[data-index="8"] > .slide-content {
          background-image: url("../img/careers/M-Kit.jpg"); } }
    @media (min-width: 480px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 480px) and (min-device-pixel-ratio: 1.5), (min-width: 480px) and (-o-min-device-pixel-ratio: 1.5), (min-width: 480px) and (min-resolution: 2dppx) {
      #careers #employees .image-slider .slides .slide[data-index="8"] > .slide-content {
        background-image: url("../img/careers/M-Kit@2x.jpg"); } }
    @media (min-width: 480px) {
        #careers #employees .image-slider .slides .slide[data-index="9"] > .slide-content {
          background-image: url("../img/careers/M-Bean.jpg"); } }
    @media (min-width: 480px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 480px) and (min-device-pixel-ratio: 1.5), (min-width: 480px) and (-o-min-device-pixel-ratio: 1.5), (min-width: 480px) and (min-resolution: 2dppx) {
      #careers #employees .image-slider .slides .slide[data-index="9"] > .slide-content {
        background-image: url("../img/careers/M-Bean@2x.jpg"); } }
    @media (min-width: 480px) {
        #careers #employees .image-slider .slides .slide[data-index="10"] > .slide-content {
          background-image: url("../img/careers/M-Tyler.jpg"); } }
    @media (min-width: 480px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 480px) and (min-device-pixel-ratio: 1.5), (min-width: 480px) and (-o-min-device-pixel-ratio: 1.5), (min-width: 480px) and (min-resolution: 2dppx) {
      #careers #employees .image-slider .slides .slide[data-index="10"] > .slide-content {
        background-image: url("../img/careers/M-Tyler@2x.jpg"); } }
    @media (min-width: 480px) {
        #careers #employees .image-slider .slides .slide[data-index="11"] > .slide-content {
          background-image: url("../img/careers/M-Eric.jpg"); } }
    @media (min-width: 480px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 480px) and (min-device-pixel-ratio: 1.5), (min-width: 480px) and (-o-min-device-pixel-ratio: 1.5), (min-width: 480px) and (min-resolution: 2dppx) {
      #careers #employees .image-slider .slides .slide[data-index="11"] > .slide-content {
        background-image: url("../img/careers/M-Eric@2x.jpg"); } }

    @media (min-width: 768px) {
      #careers #employees {
        height: 566px; }
        #careers #employees .image-slider .slides .container {
          width: 622px; }
        #careers #employees .image-slider .slides .slide[data-index="0"] > .slide-content {
          background-image: url("../img/careers/L-Richard.jpg"); } }
    @media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 768px) and (min-device-pixel-ratio: 1.5), (min-width: 768px) and (-o-min-device-pixel-ratio: 1.5), (min-width: 768px) and (min-resolution: 2dppx) {
      #careers #employees .image-slider .slides .slide[data-index="0"] > .slide-content {
        background-image: url("../img/careers/L-Richard@2x.jpg"); } }
    @media (min-width: 768px) {
        #careers #employees .image-slider .slides .slide[data-index="1"] > .slide-content {
          background-image: url("../img/careers/L-Brady.jpg"); } }
    @media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 768px) and (min-device-pixel-ratio: 1.5), (min-width: 768px) and (-o-min-device-pixel-ratio: 1.5), (min-width: 768px) and (min-resolution: 2dppx) {
      #careers #employees .image-slider .slides .slide[data-index="1"] > .slide-content {
        background-image: url("../img/careers/L-Brady@2x.jpg"); } }
    @media (min-width: 768px) {
        #careers #employees .image-slider .slides .slide[data-index="2"] > .slide-content {
          background-image: url("../img/careers/L-Cat.jpg"); } }
    @media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 768px) and (min-device-pixel-ratio: 1.5), (min-width: 768px) and (-o-min-device-pixel-ratio: 1.5), (min-width: 768px) and (min-resolution: 2dppx) {
      #careers #employees .image-slider .slides .slide[data-index="2"] > .slide-content {
        background-image: url("../img/careers/L-Cat@2x.jpg"); } }
    @media (min-width: 768px) {
        #careers #employees .image-slider .slides .slide[data-index="3"] > .slide-content {
          background-image: url("../img/careers/L-Chris.jpg"); } }
    @media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 768px) and (min-device-pixel-ratio: 1.5), (min-width: 768px) and (-o-min-device-pixel-ratio: 1.5), (min-width: 768px) and (min-resolution: 2dppx) {
      #careers #employees .image-slider .slides .slide[data-index="3"] > .slide-content {
        background-image: url("../img/careers/L-Chris@2x.jpg"); } }
    @media (min-width: 768px) {
        #careers #employees .image-slider .slides .slide[data-index="4"] > .slide-content {
          background-image: url("../img/careers/L-Cory.jpg"); } }
    @media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 768px) and (min-device-pixel-ratio: 1.5), (min-width: 768px) and (-o-min-device-pixel-ratio: 1.5), (min-width: 768px) and (min-resolution: 2dppx) {
      #careers #employees .image-slider .slides .slide[data-index="4"] > .slide-content {
        background-image: url("../img/careers/L-Cory@2x.jpg"); } }
    @media (min-width: 768px) {
        #careers #employees .image-slider .slides .slide[data-index="5"] > .slide-content {
          background-image: url("../img/careers/L-Daniel.jpg"); } }
    @media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 768px) and (min-device-pixel-ratio: 1.5), (min-width: 768px) and (-o-min-device-pixel-ratio: 1.5), (min-width: 768px) and (min-resolution: 2dppx) {
      #careers #employees .image-slider .slides .slide[data-index="5"] > .slide-content {
        background-image: url("../img/careers/L-Daniel@2x.jpg"); } }
    @media (min-width: 768px) {
        #careers #employees .image-slider .slides .slide[data-index="6"] > .slide-content {
          background-image: url("../img/careers/L-Josh.jpg"); } }
    @media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 768px) and (min-device-pixel-ratio: 1.5), (min-width: 768px) and (-o-min-device-pixel-ratio: 1.5), (min-width: 768px) and (min-resolution: 2dppx) {
      #careers #employees .image-slider .slides .slide[data-index="6"] > .slide-content {
        background-image: url("../img/careers/L-Josh@2x.jpg"); } }
    @media (min-width: 768px) {
        #careers #employees .image-slider .slides .slide[data-index="7"] > .slide-content {
          background-image: url("../img/careers/L-Trevor.jpg"); } }
    @media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 768px) and (min-device-pixel-ratio: 1.5), (min-width: 768px) and (-o-min-device-pixel-ratio: 1.5), (min-width: 768px) and (min-resolution: 2dppx) {
      #careers #employees .image-slider .slides .slide[data-index="7"] > .slide-content {
        background-image: url("../img/careers/L-Trevor@2x.jpg"); } }
    @media (min-width: 768px) {
        #careers #employees .image-slider .slides .slide[data-index="8"] > .slide-content {
          background-image: url("../img/careers/L-Kit.jpg"); } }
    @media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 768px) and (min-device-pixel-ratio: 1.5), (min-width: 768px) and (-o-min-device-pixel-ratio: 1.5), (min-width: 768px) and (min-resolution: 2dppx) {
      #careers #employees .image-slider .slides .slide[data-index="8"] > .slide-content {
        background-image: url("../img/careers/L-Kit@2x.jpg"); } }
    @media (min-width: 768px) {
        #careers #employees .image-slider .slides .slide[data-index="9"] > .slide-content {
          background-image: url("../img/careers/L-Bean.jpg"); } }
    @media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 768px) and (min-device-pixel-ratio: 1.5), (min-width: 768px) and (-o-min-device-pixel-ratio: 1.5), (min-width: 768px) and (min-resolution: 2dppx) {
      #careers #employees .image-slider .slides .slide[data-index="9"] > .slide-content {
        background-image: url("../img/careers/L-Bean@2x.jpg"); } }
    @media (min-width: 768px) {
        #careers #employees .image-slider .slides .slide[data-index="10"] > .slide-content {
          background-image: url("../img/careers/L-Tyler.jpg"); } }
    @media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 768px) and (min-device-pixel-ratio: 1.5), (min-width: 768px) and (-o-min-device-pixel-ratio: 1.5), (min-width: 768px) and (min-resolution: 2dppx) {
      #careers #employees .image-slider .slides .slide[data-index="10"] > .slide-content {
        background-image: url("../img/careers/L-Tyler@2x.jpg"); } }
    @media (min-width: 768px) {
        #careers #employees .image-slider .slides .slide[data-index="11"] > .slide-content {
          background-image: url("../img/careers/L-Eric.jpg"); } }
    @media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 768px) and (min-device-pixel-ratio: 1.5), (min-width: 768px) and (-o-min-device-pixel-ratio: 1.5), (min-width: 768px) and (min-resolution: 2dppx) {
      #careers #employees .image-slider .slides .slide[data-index="11"] > .slide-content {
        background-image: url("../img/careers/L-Eric@2x.jpg"); } }

    @media (min-width: 1080px) {
      #careers #employees {
        height: 626px;
        max-width: 1200px;
        margin: 0 auto; }
        #careers #employees .image-slider .slides .container {
          width: 700px; }
        #careers #employees .image-slider .slides .slide[data-index="0"] > .slide-content {
          background-image: url("../img/careers/XL-Richard.jpg"); } }
    @media (min-width: 1080px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 1080px) and (min-device-pixel-ratio: 1.5), (min-width: 1080px) and (-o-min-device-pixel-ratio: 1.5), (min-width: 1080px) and (min-resolution: 2dppx) {
      #careers #employees .image-slider .slides .slide[data-index="0"] > .slide-content {
        background-image: url("../img/careers/XL-Richard@2x.jpg"); } }
    @media (min-width: 1080px) {
        #careers #employees .image-slider .slides .slide[data-index="1"] > .slide-content {
          background-image: url("../img/careers/XL-Brady.jpg"); } }
    @media (min-width: 1080px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 1080px) and (min-device-pixel-ratio: 1.5), (min-width: 1080px) and (-o-min-device-pixel-ratio: 1.5), (min-width: 1080px) and (min-resolution: 2dppx) {
      #careers #employees .image-slider .slides .slide[data-index="1"] > .slide-content {
        background-image: url("../img/careers/XL-Brady@2x.jpg"); } }
    @media (min-width: 1080px) {
        #careers #employees .image-slider .slides .slide[data-index="2"] > .slide-content {
          background-image: url("../img/careers/XL-Cat.jpg"); } }
    @media (min-width: 1080px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 1080px) and (min-device-pixel-ratio: 1.5), (min-width: 1080px) and (-o-min-device-pixel-ratio: 1.5), (min-width: 1080px) and (min-resolution: 2dppx) {
      #careers #employees .image-slider .slides .slide[data-index="2"] > .slide-content {
        background-image: url("../img/careers/XL-Cat@2x.jpg"); } }
    @media (min-width: 1080px) {
        #careers #employees .image-slider .slides .slide[data-index="3"] > .slide-content {
          background-image: url("../img/careers/XL-Chris.jpg"); } }
    @media (min-width: 1080px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 1080px) and (min-device-pixel-ratio: 1.5), (min-width: 1080px) and (-o-min-device-pixel-ratio: 1.5), (min-width: 1080px) and (min-resolution: 2dppx) {
      #careers #employees .image-slider .slides .slide[data-index="3"] > .slide-content {
        background-image: url("../img/careers/XL-Chris@2x.jpg"); } }
    @media (min-width: 1080px) {
        #careers #employees .image-slider .slides .slide[data-index="4"] > .slide-content {
          background-image: url("../img/careers/XL-Cory.jpg"); } }
    @media (min-width: 1080px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 1080px) and (min-device-pixel-ratio: 1.5), (min-width: 1080px) and (-o-min-device-pixel-ratio: 1.5), (min-width: 1080px) and (min-resolution: 2dppx) {
      #careers #employees .image-slider .slides .slide[data-index="4"] > .slide-content {
        background-image: url("../img/careers/XL-Cory@2x.jpg"); } }
    @media (min-width: 1080px) {
        #careers #employees .image-slider .slides .slide[data-index="5"] > .slide-content {
          background-image: url("../img/careers/XL-Daniel.jpg"); } }
    @media (min-width: 1080px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 1080px) and (min-device-pixel-ratio: 1.5), (min-width: 1080px) and (-o-min-device-pixel-ratio: 1.5), (min-width: 1080px) and (min-resolution: 2dppx) {
      #careers #employees .image-slider .slides .slide[data-index="5"] > .slide-content {
        background-image: url("../img/careers/XL-Daniel@2x.jpg"); } }
    @media (min-width: 1080px) {
        #careers #employees .image-slider .slides .slide[data-index="6"] > .slide-content {
          background-image: url("../img/careers/XL-Josh.jpg"); } }
    @media (min-width: 1080px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 1080px) and (min-device-pixel-ratio: 1.5), (min-width: 1080px) and (-o-min-device-pixel-ratio: 1.5), (min-width: 1080px) and (min-resolution: 2dppx) {
      #careers #employees .image-slider .slides .slide[data-index="6"] > .slide-content {
        background-image: url("../img/careers/XL-Josh@2x.jpg"); } }
    @media (min-width: 1080px) {
        #careers #employees .image-slider .slides .slide[data-index="7"] > .slide-content {
          background-image: url("../img/careers/XL-Trevor.jpg"); } }
    @media (min-width: 1080px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 1080px) and (min-device-pixel-ratio: 1.5), (min-width: 1080px) and (-o-min-device-pixel-ratio: 1.5), (min-width: 1080px) and (min-resolution: 2dppx) {
      #careers #employees .image-slider .slides .slide[data-index="7"] > .slide-content {
        background-image: url("../img/careers/XL-Trevor@2x.jpg"); } }
    @media (min-width: 1080px) {
        #careers #employees .image-slider .slides .slide[data-index="8"] > .slide-content {
          background-image: url("../img/careers/XL-Kit.jpg"); } }
    @media (min-width: 1080px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 1080px) and (min-device-pixel-ratio: 1.5), (min-width: 1080px) and (-o-min-device-pixel-ratio: 1.5), (min-width: 1080px) and (min-resolution: 2dppx) {
      #careers #employees .image-slider .slides .slide[data-index="8"] > .slide-content {
        background-image: url("../img/careers/XL-Kit@2x.jpg"); } }
    @media (min-width: 1080px) {
        #careers #employees .image-slider .slides .slide[data-index="9"] > .slide-content {
          background-image: url("../img/careers/XL-Bean.jpg"); } }
    @media (min-width: 1080px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 1080px) and (min-device-pixel-ratio: 1.5), (min-width: 1080px) and (-o-min-device-pixel-ratio: 1.5), (min-width: 1080px) and (min-resolution: 2dppx) {
      #careers #employees .image-slider .slides .slide[data-index="9"] > .slide-content {
        background-image: url("../img/careers/XL-Bean@2x.jpg"); } }
    @media (min-width: 1080px) {
        #careers #employees .image-slider .slides .slide[data-index="10"] > .slide-content {
          background-image: url("../img/careers/XL-Tyler.jpg"); } }
    @media (min-width: 1080px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 1080px) and (min-device-pixel-ratio: 1.5), (min-width: 1080px) and (-o-min-device-pixel-ratio: 1.5), (min-width: 1080px) and (min-resolution: 2dppx) {
      #careers #employees .image-slider .slides .slide[data-index="10"] > .slide-content {
        background-image: url("../img/careers/XL-Tyler@2x.jpg"); } }
    @media (min-width: 1080px) {
        #careers #employees .image-slider .slides .slide[data-index="11"] > .slide-content {
          background-image: url("../img/careers/XL-Eric.jpg"); } }
    @media (min-width: 1080px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 1080px) and (min-device-pixel-ratio: 1.5), (min-width: 1080px) and (-o-min-device-pixel-ratio: 1.5), (min-width: 1080px) and (min-resolution: 2dppx) {
      #careers #employees .image-slider .slides .slide[data-index="11"] > .slide-content {
        background-image: url("../img/careers/XL-Eric@2x.jpg"); } }

/*****************************************/
/************ Career Listings ************/
/*****************************************/
#career-listing {
  background: #fff;
  padding-top: 80px; }
  #career-listing #listing {
    padding-bottom: 80px; }
    @media (min-width: 1200px) {
      #career-listing #listing {
        padding-bottom: 100px; } }

#career-listing section h1 {
  font-size: 36px;
  line-height: 37px;
  color: #4b4c4e;
  text-align: center; }
#career-listing section h2 {
  font-family: "DINWeb", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 20px;
  line-height: 28px;
  color: #959595;
  text-transform: none;
  margin-bottom: 30px; }
#career-listing section h3 {
  font-family: "DINWeb", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 14px;
  color: #e45d50;
  text-transform: uppercase;
  margin-top: 50px;
  margin-bottom: 20px; }
#career-listing section p {
  font-size: 16px;
  line-height: 28px;
  color: #4b4c4e; }
#career-listing section ul {
  list-style: disc;
  margin-left: 15px; }
#career-listing section li {
  font-size: 14px;
  line-height: 20px;
  color: #4b4c4e; }
#career-listing section .button {
  display: block;
  margin: 50px auto 0 auto;
  font-size: 18px;
  line-height: 46px;
  font-weight: 400;
  letter-spacing: .25px;
  color: #fff;
  background-color: #e45d50;
  height: 46px;
  width: 260px;
  border-radius: 6px; }
#career-listing section img {
  display: block;
  width: 320px;
  height: auto;
  margin: 0 auto 10px auto; }
#career-listing section #benefits {
  margin-top: 50px; }

/*==================================================
  #Media Queries:
================================================== */
/*====================================================================*/
/*=================  landscape phone size and up  ====================*/
/*====================================================================*/
@media (min-width: 480px) {
  #career-listing section img {
    width: 480px; }
  #career-listing section h3 {
    margin-top: 33px; } }
/*====================================================================*/
/*===================  portrait tablet size and up  ==================*/
/*====================================================================*/
@media (min-width: 768px) {
  #career-listing {
    padding-top: 120px; }

  #career-listing section h1 {
    font-size: 90px;
    line-height: 100px; }
  #career-listing section h2 {
    font-size: 32px;
    line-height: 32px;
    margin-top: 50px;
    margin-bottom: 25px; }
  #career-listing section h3 {
    font-size: 18px;
    line-height: 32px;
    letter-spacing: .25px;
    margin-top: 60px;
    margin-bottom: 14px; }
  #career-listing section p {
    font-size: 18px;
    line-height: 32px;
    letter-spacing: .25px; }
  #career-listing section li {
    font-size: 16px;
    line-height: 22px; }
  #career-listing section img {
    width: 768px;
    margin-bottom: 10px; }
  #career-listing section .button {
    font-size: 24px;
    line-height: 56px;
    width: 312px;
    height: 54px;
    margin-top: 166px; }
  #career-listing section .container {
    width: 597px; }
  #career-listing section #benefits {
    margin-top: 60px; } }
/*====================================================================*/
/*=================  landscape tablet size and up  ===================*/
/*====================================================================*/
@media (min-width: 1200px) {
  #career-listing section h2 {
    margin-top: 72px;
    margin-bottom: 35px; }
  #career-listing section h3 {
    margin-top: 50px; }
  #career-listing section img {
    width: 1000px;
    margin-bottom: 20px; }
  #career-listing section .button {
    margin-top: 96px; }
  #career-listing section .container {
    width: 656px; } }
/**********************************/
/********** Contact page **********/
/**********************************/
form {
  width: 75%; }

label {
  color: #fff;
  display: block;
  font-family: helvetica;
  font-size: 16px; }
  label.required::after {
    content: " *";
    color: red; }

.address {
  margin-top: 20px; }

.address p, .phone p {
  color: #fff; }

input[type="text"],
input[type="email"],
textarea {
  width: 100%;
  height: 40px;
  padding: 0 15px;
  border: 1px solid #cbd6e2;
  border-radius: 3px;
  font-size: 16px;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight: normal;
  line-height: 22px;
  color: #33475b;
  box-sizing: border-box;
  margin-bottom: 18px; }

textarea {
  resize: vertical;
  min-height: 66px;
  padding: 10px 15px; }

#send-msg-btn {
  margin-top: 40px;
  padding: 10px 24px;
  width: auto;
  height: auto;
  display: inline-block;
  font-weight: 700;
  font-size: 14px;
  background-color: #ff7a59;
  color: #fff;
  border-radius: 4px;
  font-family: helvetica; }

/****************************************/
/************ referrals page ***********/
/****************************************/
#referrals {
  background-color: #fffaf3;
  padding-top: 100px; }
  #referrals .footer a, #referrals .footer .copyright {
    color: #7b7b7b; }
  #referrals .footer .icon {
    fill: #7b7b7b; }
  #referrals section#header h1 {
    color: #e45d50;
    font-size: 56px;
    line-height: 50px;
    margin-bottom: 2px;
    text-align: center; }
  #referrals section#header p {
    color: #545454;
    font-family: 'Archer SSm A', 'Archer SSm B', serif;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: -.1px;
    font-style: italic;
    text-align: center;
    margin: 20px 0 30px 0; }
  #referrals .card-wrapper {
    background-color: #fff;
    padding: 16px 30px 30px 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.15);
    margin-bottom: 20px;
    text-align: center; }
    #referrals .card-wrapper h2 {
      color: #e45d50;
      font-size: 37px;
      line-height: 34px;
      letter-spacing: .5px;
      text-transform: none;
      text-align: center;
      margin-bottom: 20px; }
    #referrals .card-wrapper ul li {
      list-style: disc;
      font-size: 16px;
      line-height: 24px;
      text-align: left;
      letter-spacing: .25px; }
    #referrals .card-wrapper p {
      font-size: 14px;
      font-style: italic;
      line-height: 18px;
      text-align: left; }
  #referrals section#details {
    padding: 8px 0 20px 0; }

@media (min-width: 768px) {
  /*****************************************/
  /********** referrals page > 768 *********/
  /*****************************************/
  #referrals section#header h1 {
    font-size: 64px;
    line-height: 68px; }
  #referrals section#header p {
    font-size: 22px;
    line-height: 32px;
    margin: 20px auto 40px auto; }
  #referrals .card-wrapper h2 {
    font-size: 54px;
    margin-bottom: 30px; }
  #referrals .card-wrapper ul li {
    font-size: 18px;
    margin-left: 20px; }
  #referrals .card-wrapper p {
    font-size: 16px; } }
@media (min-width: 1200px) {
  /**************************************************/
  /********** referrals page - largest size *********/
  /**************************************************/
  #referrals section#header h1 {
    font-size: 88px;
    line-height: 76px;
    letter-spacing: -1.5px;
    margin-bottom: 20px; }
  #referrals section#header p {
    font-size: 26px;
    line-height: 36px;
    letter-spacing: -.5px; }
  #referrals .card-wrapper {
    margin: 0 auto 20px auto;
    letter-spacing: -1px; }
    #referrals .card-wrapper h2 {
      font-size: 70px;
      line-height: 74px;
      margin-top: 20px;
      margin-bottom: 20px; }
    #referrals .card-wrapper ul, #referrals .card-wrapper li {
      font-size: 22px;
      line-height: 24px; }
    #referrals .card-wrapper p {
      font-size: 18px;
      margin: 40px 0 20px 0; } }
/*************************************/
/********** Inventors page  **********/
/*************************************/
#inventors {
  background-color: #fffaf3; }

#inventors > #ideas a {
  color: #F84E3D; }

#inventors #book {
  background: #1077BD url("../img/inventors/GearBg.png") no-repeat 100px 70%;
  padding-top: 25px;
  padding-bottom: 0px; }

#inventors #book .container {
  width: 300px; }

#inventors #book img {
  margin-left: -58px;
  padding-top: 90px;
  padding-bottom: 35px;
  width: 160px;
  height: auto;
  float: left; }

#inventors #book h1 {
  color: #FFF;
  font-size: 34px;
  line-height: 37px;
  padding-top: 60px;
  margin-bottom: 0;
  width: 185px;
  float: right; }

#inventors #book p {
  color: #FFF;
  font-size: 11px;
  line-height: 15px;
  padding-top: 15px;
  padding-bottom: 30px;
  margin: 0;
  float: right;
  width: 185px; }

#inventors #ideas .container {
  width: 260px; }

#inventors #ideas img {
  display: block;
  margin: 0 auto;
  padding-top: 30px;
  width: 80px;
  height: auto; }

#inventors #ideas h4 {
  color: #323132;
  font-size: 20px;
  line-height: 28px;
  padding-top: 10px;
  margin-bottom: 20px; }

#inventors #ideas p {
  color: #4B4C4E;
  font-size: 13px;
  line-height: 21px;
  margin-bottom: 20px; }

/*==================================================
  #Media Queries:
================================================== */
/*====================================================================*/
/*=================  landscape phone size and up  ====================*/
/*====================================================================*/
@media (min-width: 480px) {
  #inventors #book .container,
  #inventors #ideas .container {
    width: 420px; }

  #inventors #book h1 {
    font-size: 52px;
    line-height: 55px;
    width: 275px; }

  #inventors #book img {
    margin-left: -115px;
    width: 240px; }

  #inventors #book p {
    font-size: 15px;
    line-height: 22px;
    width: 275px; }

  #inventors #ideas img {
    margin-bottom: 10px; }

  #inventors #ideas h4 {
    font-size: 28px;
    line-height: 30px;
    width: 400px; }

  #inventors #ideas p {
    font-size: 15px;
    width: 400px; } }
/*====================================================================*/
/*===================  portrait tablet size and up  ==================*/
/*====================================================================*/
@media (min-width: 768px) {
  #inventors #book {
    background-position: 250px 100%;
    padding-top: 25px;
    padding-bottom: 0px; }

  #inventors #book .container,
  #inventors #ideas .container {
    width: 744px; }

  #inventors #book img {
    padding-top: 134px;
    margin-left: -160px;
    width: 380px; }

  #inventors #book h1 {
    font-size: 94px;
    line-height: 100px;
    width: 500px;
    padding-top: 90px; }

  #inventors #book p {
    font-size: 21px;
    line-height: 30px;
    width: 500px;
    padding-bottom: 50px;
    padding-top: 30px; }

  #inventors #ideas h4 {
    padding-top: 30px;
    padding-bottom: 20px;
    font-size: 30px;
    line-height: 30px;
    width: 744px; }

  #inventors #ideas img {
    width: 144px;
    padding-top: 0;
    padding-left: 10px;
    float: left; }

  #inventors #ideas p {
    font-size: 18px;
    line-height: 24px;
    width: 550px;
    float: right; } }
/*====================================================================*/
/*=================  landscape tablet size and up  ===================*/
/*====================================================================*/
@media (min-width: 1200px) {
  #inventors #book {
    background-position: 596px 100%; }

  #inventors #book .container,
  #inventors #ideas .container {
    width: 1032px; }

  #inventors #book h1 {
    font-size: 96px;
    padding-top: 100px;
    margin-bottom: 0;
    width: 590px; }

  #inventors #book p {
    line-height: 35px;
    padding-top: 20px;
    padding-right: 20px;
    margin: 0;
    width: 570px; }

  #inventors #book img {
    margin-left: -215px;
    padding-top: 85px;
    padding-bottom: 10px;
    width: 585px; }

  #inventors #ideas h4 {
    font-size: 42px;
    line-height: 52px;
    padding-top: 76px;
    margin-bottom: 45px;
    width: 1032px; }

  #inventors #ideas p {
    font-size: 20px;
    line-height: 35px;
    width: 765px; }

  #inventors #ideas img {
    width: 190px; } }
/*====================================================================*/
/*=================  retina  ===================*/
/*====================================================================*/
@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 2dppx) {
  #inventors #book {
    background: #1077BD url("../img/inventors/GearBg@2x.png") no-repeat 100px 70%;
    background-size: 749px 625px; }

  /* tablet portrait size and up */
  /*================================================== */ }
@media (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 768px), (min-device-pixel-ratio: 1.5) and (min-width: 768px), (-o-min-device-pixel-ratio: 1.5) and (min-width: 768px), (min-resolution: 2dppx) and (min-width: 768px) {
  #inventors #book {
    background-position: 250px 100%; } }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 2dppx) {
  /* landscape tablet size and up */
  /*================================================== */ }
@media (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 1200px), (min-device-pixel-ratio: 1.5) and (min-width: 1200px), (-o-min-device-pixel-ratio: 1.5) and (min-width: 1200px), (min-resolution: 2dppx) and (min-width: 1200px) {
  #inventors #book {
    background-position: 596px 100%; } }
#privacy p a, #privacy p a:visited {
  color: #5597CB; }
#privacy h1 {
  padding-top: 100px;
  color: #1e1e1e; }

/**********************************/
/********** Services page **********/
/**********************************/
#services h1 {
  color: #000;
  margin-bottom: 22px; }
#services h3 {
  color: #1e1e1e;
  margin-bottom: 20px; }
#services video {
  border-radius: 20px;
  width: 312px;
  text-align: center; }
#services .caption {
  font-size: 16px;
  line-height: 24px;
  text-align: left;
  width: 312px;
  margin: 0 auto 24px auto; }
#services .service-callout {
  margin-bottom: 82px;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 80px auto; }
  #services .service-callout .callout-wrapper {
    background-color: #f7f7f7;
    border-radius: 20px;
    padding: 43px 20px 22px 20px;
    box-sizing: border-box;
    position: relative;
    top: 40px;
    z-index: -1; }
  #services .service-callout .callout-title {
    color: #f65148;
    margin-bottom: 10px; }
  #services .service-callout .callout-subtitle {
    color: #000; }
  #services .service-callout p {
    margin-top: 20px;
    margin-bottom: 16px; }
#services .mc-slash {
  margin-left: -8px; }
  #services .mc-slash span {
    color: #e45d50;
    position: relative;
    top: 1px;
    left: -2px; }
@media (min-width: 768px) {
  #services strong {
    font-size: 21px;
    line-height: 35px; }
  #services .more-trigger {
    color: #e45d50;
    margin-top: 36px;
    opacity: 100;
    -webkit-transition: opacity .25s ease;
    transition: opacity .25s ease; }
    #services .more-trigger.hidden {
      opacity: 0;
      cursor: default; }
  #services .more-info {
    display: none; }
  #services video, #services .caption {
    width: 400px; }
  #services .row {
    margin-bottom: 34px; }
  #services #product-design #pd-intro, #services #product-design #se-intro, #services #product-design .service-callout, #services #software-eng #pd-intro, #services #software-eng #se-intro, #services #software-eng .service-callout {
    padding-left: 310px;
    width: 411px; }
  #services #product-design strong, #services #software-eng strong {
    font-weight: 500; }
  #services #product-design .service-callout, #services #software-eng .service-callout {
    margin-bottom: 44px;
    background-position: 160px 10px;
    background-size: 120px auto; }
    #services #product-design .service-callout .callout-wrapper, #services #software-eng .service-callout .callout-wrapper {
      background-color: transparent;
      top: 0;
      padding: 0; }
    #services #product-design .service-callout .callout-title, #services #software-eng .service-callout .callout-title {
      color: #e45d50;
      font-family: "DINWeb", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 18px;
      margin-bottom: 0; }
    #services #product-design .service-callout .callout-subtitle, #services #software-eng .service-callout .callout-subtitle {
      font-weight: 500; }
    #services #product-design .service-callout p, #services #software-eng .service-callout p {
      margin-top: 12px; } }
@media (min-width: 1200px) {
  #services video, #services .caption {
    width: 312px; }
  #services .row {
    margin-bottom: 66px; }
  #services .more-trigger {
    font-size: 18px; }
  #services .more-info {
    margin-top: 14px; }
  #services .mc-slash {
    margin-left: -13px; }
    #services .mc-slash span.show-on-largest-screen {
      display: inline !important; }
  #services #product-design #pd-intro, #services #product-design #se-intro, #services #product-design .service-callout, #services #software-eng #pd-intro, #services #software-eng #se-intro, #services #software-eng .service-callout {
    padding-left: 430px;
    width: 570px; }
  #services #product-design .service-callout, #services #software-eng .service-callout {
    margin-bottom: 72px;
    background-position: 240px 20px;
    background-size: 160px auto; }
    #services #product-design .service-callout .callout-title, #services #software-eng .service-callout .callout-title {
      font-size: 21px; } }
#services #software-solutions {
  padding-top: 104px; }
  #services #software-solutions h1 {
    margin-bottom: 32px; }
  #services #software-solutions .platforms {
    margin-bottom: 24px; }
    #services #software-solutions .platforms h3 {
      color: #959595;
      font-weight: 300;
      margin-bottom: 12px; }
    #services #software-solutions .platforms img {
      width: 315px;
      height: auto; }
  @media (min-width: 768px) {
    #services #software-solutions {
      padding-top: 154px; }
      #services #software-solutions h1 {
        margin-bottom: 40px; }
      #services #software-solutions ul {
        border-top: 4px solid #e45d50;
        padding-top: 10px;
        margin-left: 74px;
        margin-top: 8px; }
      #services #software-solutions li {
        color: #e45d50;
        text-transform: uppercase;
        font-size: 18px;
        line-height: 34px;
        margin-bottom: 2px; }
      #services #software-solutions .platforms {
        border-top: 3px solid #dfdfdf;
        border-bottom: 3px solid #dfdfdf;
        padding: 20px 0;
        margin-bottom: 20px; }
        #services #software-solutions .platforms img, #services #software-solutions .platforms h3 {
          display: inline-block;
          vertical-align: middle;
          margin-bottom: 0; }
        #services #software-solutions .platforms img {
          width: 450px;
          margin-right: 60px; } }
  @media (min-width: 1200px) {
    #services #software-solutions ul {
      margin-left: 102px; }
    #services #software-solutions .platforms {
      padding: 28px 0;
      margin-bottom: 32px; }
      #services #software-solutions .platforms img {
        width: 604px;
        margin-right: 102px; } }
#services #product-design {
  padding-top: 276px;
  background-image: url("../img/services/small-designhero.png");
  background-repeat: no-repeat;
  background-position: center 30px;
  background-size: 305px auto; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 2dppx) {
    #services #product-design {
      background-image: url("../img/services/small-designhero@2x.png"); } }
  #services #product-design #user-focused {
    background-image: url("../img/services/small-communication.png"); }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 2dppx) {
      #services #product-design #user-focused {
        background-image: url("../img/services/small-communication@2x.png"); } }
  #services #product-design #visual-design {
    background-image: url("../img/services/small-design.png"); }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 2dppx) {
      #services #product-design #visual-design {
        background-image: url("../img/services/small-design@2x.png"); } }
  #services #product-design #design-systems {
    background-image: url("../img/services/small-designsystems.png"); }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 2dppx) {
      #services #product-design #design-systems {
        background-image: url("../img/services/small-designsystems@2x.png"); } }
  @media (min-width: 768px) {
    #services #product-design {
      background-image: url("../img/services/large-designhero.png");
      padding-top: 30px;
      background-position: left 34px;
      background-size: 270px auto; } }
  @media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 768px) and (min-device-pixel-ratio: 1.5), (min-width: 768px) and (-o-min-device-pixel-ratio: 1.5), (min-width: 768px) and (min-resolution: 2dppx) {
    #services #product-design {
      background-image: url("../img/services/large-designhero@2x.png"); } }
  @media (min-width: 768px) {
      #services #product-design #user-focused {
        background-image: url("../img/services/large-communication.png"); } }
    @media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 768px) and (min-device-pixel-ratio: 1.5), (min-width: 768px) and (-o-min-device-pixel-ratio: 1.5), (min-width: 768px) and (min-resolution: 2dppx) {
      #services #product-design #user-focused {
        background-image: url("../img/services/large-communication@2x.png"); } }
  @media (min-width: 768px) {
      #services #product-design #visual-design {
        background-image: url("../img/services/large-design.png"); } }
    @media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 768px) and (min-device-pixel-ratio: 1.5), (min-width: 768px) and (-o-min-device-pixel-ratio: 1.5), (min-width: 768px) and (min-resolution: 2dppx) {
      #services #product-design #visual-design {
        background-image: url("../img/services/large-design@2x.png"); } }
  @media (min-width: 768px) {
      #services #product-design #design-systems {
        background-image: url("../img/services/large-designsystems.png");
        margin-bottom: 12px; } }
    @media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 768px) and (min-device-pixel-ratio: 1.5), (min-width: 768px) and (-o-min-device-pixel-ratio: 1.5), (min-width: 768px) and (min-resolution: 2dppx) {
      #services #product-design #design-systems {
        background-image: url("../img/services/large-designsystems@2x.png"); } }

  @media (min-width: 1200px) {
    #services #product-design {
      padding-top: 46px;
      background-position: left 56px;
      background-size: 400px auto; } }
#services #software-eng {
  padding-top: 328px;
  margin-bottom: 140px;
  background-image: url("../img/services/small-engineering.png");
  background-repeat: no-repeat;
  background-position: center 66px;
  background-size: 315px auto; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 2dppx) {
    #services #software-eng {
      background-image: url("../img/services/small-engineering@2x.png"); } }
  #services #software-eng #explorers {
    background-image: url("../img/services/small-explore.png"); }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 2dppx) {
      #services #software-eng #explorers {
        background-image: url("../img/services/small-explore@2x.png"); } }
  #services #software-eng #technology {
    background-image: url("../img/services/small-performance.png"); }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 2dppx) {
      #services #software-eng #technology {
        background-image: url("../img/services/small-performance@2x.png"); } }
  #services #software-eng #ship {
    background-image: url("../img/services/small-launch.png"); }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 2dppx) {
      #services #software-eng #ship {
        background-image: url("../img/services/small-launch@2x.png"); } }
  @media (min-width: 768px) {
    #services #software-eng {
      background-image: url("../img/services/large-engineering.png");
      padding-top: 70px;
      background-position: left 70px;
      background-size: 270px auto;
      margin-bottom: 90px; } }
  @media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 768px) and (min-device-pixel-ratio: 1.5), (min-width: 768px) and (-o-min-device-pixel-ratio: 1.5), (min-width: 768px) and (min-resolution: 2dppx) {
    #services #software-eng {
      background-image: url("../img/services/large-engineering@2x.png"); } }
  @media (min-width: 768px) {
      #services #software-eng #explorers {
        background-image: url("../img/services/large-explore.png"); } }
    @media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 768px) and (min-device-pixel-ratio: 1.5), (min-width: 768px) and (-o-min-device-pixel-ratio: 1.5), (min-width: 768px) and (min-resolution: 2dppx) {
      #services #software-eng #explorers {
        background-image: url("../img/services/large-explore@2x.png"); } }
  @media (min-width: 768px) {
      #services #software-eng #technology {
        background-image: url("../img/services/large-performance.png"); } }
    @media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 768px) and (min-device-pixel-ratio: 1.5), (min-width: 768px) and (-o-min-device-pixel-ratio: 1.5), (min-width: 768px) and (min-resolution: 2dppx) {
      #services #software-eng #technology {
        background-image: url("../img/services/large-performance@2x.png"); } }
  @media (min-width: 768px) {
      #services #software-eng #ship {
        background-image: url("../img/services/large-launch.png"); } }
    @media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 768px) and (min-device-pixel-ratio: 1.5), (min-width: 768px) and (-o-min-device-pixel-ratio: 1.5), (min-width: 768px) and (min-resolution: 2dppx) {
      #services #software-eng #ship {
        background-image: url("../img/services/large-launch@2x.png"); } }

  @media (min-width: 1200px) {
    #services #software-eng {
      padding-top: 84px;
      background-position: left 88px;
      background-size: 400px auto;
      margin-bottom: 116px; } }
#services #design-dev h3 {
  margin-bottom: 32px; }
#services #design-dev #design-dev-details {
  padding-top: 200px;
  background-image: url("../img/services/small-illustration01.png");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 266px auto; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 2dppx) {
    #services #design-dev #design-dev-details {
      background-image: url("../img/services/small-illustration01@2x.png"); } }
#services #design-dev #clients {
  text-align: center; }
  #services #design-dev #clients img {
    width: 312px;
    height: auto;
    margin-top: 16px;
    margin-bottom: 34px; }
#services #design-dev #liquor-video, #services #design-dev #medical-video {
  margin-bottom: 20px;
  text-align: center; }
#services #design-dev #parole-video {
  margin-bottom: 70px;
  text-align: center; }
@media (min-width: 768px) {
  #services #design-dev p:last-of-type {
    margin-bottom: 40px; }
  #services #design-dev #design-dev-details {
    padding-top: 0;
    background-image: url("../img/services/large-illustration01.png");
    background-position: left 14px;
    background-size: 340px auto;
    padding-left: 372px;
    width: 349px;
    margin-bottom: 40px; } }
  @media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 768px) and (min-device-pixel-ratio: 1.5), (min-width: 768px) and (-o-min-device-pixel-ratio: 1.5), (min-width: 768px) and (min-resolution: 2dppx) {
    #services #design-dev #design-dev-details {
      background-image: url("../img/services/large-illustration01@2x.png"); } }
@media (min-width: 768px) {
  #services #design-dev #solutions {
    margin-bottom: 46px; }
  #services #design-dev #clients img {
    width: 287px;
    margin-top: -12px;
    margin-bottom: 66px; }
  #services #design-dev #liquor-video, #services #design-dev #medical-video, #services #design-dev #parole-video {
    width: 721px; }
  #services #design-dev #parole-video {
    margin-bottom: 40px; }
  #services #design-dev .caption {
    text-align: left; } }
@media (min-width: 1200px) {
  #services #design-dev p:last-of-type {
    margin-bottom: 62px; }
  #services #design-dev #design-dev-details {
    background-position: left 20px;
    background-size: 483px auto;
    padding-left: 516px;
    width: 484px;
    margin-bottom: 60px; }
  #services #design-dev #solutions {
    margin-bottom: 54px; }
  #services #design-dev #clients img {
    width: 398px;
    margin-top: -16px;
    margin-bottom: 52px; }
  #services #design-dev #liquor-video, #services #design-dev #medical-video, #services #design-dev #parole-video {
    width: 312px; }
  #services #design-dev #parole-video {
    margin-bottom: 50px; } }
#services #pros-at-remote #pros-details {
  padding-top: 214px;
  background-image: url("../img/services/small-illustration02.png");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 312px auto; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 2dppx) {
    #services #pros-at-remote #pros-details {
      background-image: url("../img/services/small-illustration02@2x.png"); } }
#services #pros-at-remote #team {
  background-image: url("../img/services/small-remoteteam.png"); }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 2dppx) {
    #services #pros-at-remote #team {
      background-image: url("../img/services/small-remoteteam@2x.png"); } }
#services #pros-at-remote #consulting {
  background-image: url("../img/services/small-remoteconsulting.png");
  margin-bottom: 136px; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 2dppx) {
    #services #pros-at-remote #consulting {
      background-image: url("../img/services/small-remoteconsulting@2x.png"); } }
@media (min-width: 768px) {
  #services #pros-at-remote #pros-details {
    padding-top: 0;
    background-image: url("../img/services/large-illustration02.png");
    background-position: 382px 20px;
    background-size: 340px auto;
    width: 349px;
    padding-right: 372px;
    margin-bottom: 40px; } }
  @media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 768px) and (min-device-pixel-ratio: 1.5), (min-width: 768px) and (-o-min-device-pixel-ratio: 1.5), (min-width: 768px) and (min-resolution: 2dppx) {
    #services #pros-at-remote #pros-details {
      background-image: url("../img/services/large-illustration02@2x.png"); } }
@media (min-width: 768px) {
  #services #pros-at-remote strong {
    font-size: 18px;
    line-height: 32px; }
  #services #pros-at-remote .service-callout {
    background-size: 120px auto; }
    #services #pros-at-remote .service-callout .callout-wrapper {
      padding: 70px 40px 16px 40px;
      top: 60px;
      height: 382px; }
      #services #pros-at-remote .service-callout .callout-wrapper .callout-title {
        font-size: 24px; }
      #services #pros-at-remote .service-callout .callout-wrapper p {
        font-size: 16px; }
  #services #pros-at-remote #team {
    background-image: url("../img/services/large-remoteteam.png"); } }
  @media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 768px) and (min-device-pixel-ratio: 1.5), (min-width: 768px) and (-o-min-device-pixel-ratio: 1.5), (min-width: 768px) and (min-resolution: 2dppx) {
    #services #pros-at-remote #team {
      background-image: url("../img/services/large-remoteteam@2x.png"); } }
@media (min-width: 768px) {
  #services #pros-at-remote #consulting {
    background-image: url("../img/services/large-remoteconsulting.png"); } }
  @media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 768px) and (min-device-pixel-ratio: 1.5), (min-width: 768px) and (-o-min-device-pixel-ratio: 1.5), (min-width: 768px) and (min-resolution: 2dppx) {
    #services #pros-at-remote #consulting {
      background-image: url("../img/services/large-remoteconsulting@2x.png"); } }

@media (min-width: 1200px) {
  #services #pros-at-remote #pros-details {
    padding-top: 34px;
    background-position: 546px 40px;
    background-size: 430px auto;
    width: 484px;
    padding-right: 516px;
    padding-bottom: 2px;
    margin-bottom: 30px; }
  #services #pros-at-remote .service-callout {
    background-size: 160px auto; }
    #services #pros-at-remote .service-callout .callout-wrapper {
      padding: 90px 56px 28px 56px;
      top: 80px;
      height: 376px; }
      #services #pros-at-remote .service-callout .callout-wrapper .callout-title {
        color: #000;
        font-size: 32px;
        line-height: 36px; }
      #services #pros-at-remote .service-callout .callout-wrapper p {
        font-size: 16px; }
  #services #pros-at-remote #consulting {
    margin-bottom: 176px; } }

/**********************************/
/********** Vision Pro page **********/
/**********************************/
#visionpro {
  padding-top: 104px; }
  @media (min-width: 768px) {
    #visionpro {
      padding-top: 154px; } }
  #visionpro h1 {
    color: #000;
    margin-bottom: 40px; }
    @media (min-width: 768px) {
      #visionpro h1 {
        margin-bottom: 54px; } }
  #visionpro #bottom-p {
    margin-bottom: 50px; }
    @media (min-width: 768px) {
      #visionpro #bottom-p {
        margin-bottom: 70px; } }
  #visionpro .video-wrapper {
    position: relative;
    height: 176px;
    margin-bottom: 30px; }
    @media (min-width: 480px) {
      #visionpro .video-wrapper {
        height: 236px; } }
    @media (min-width: 768px) {
      #visionpro .video-wrapper {
        height: 406px;
        margin-bottom: 60px; } }
    @media (min-width: 1200px) {
      #visionpro .video-wrapper {
        height: 562px; } }
  #visionpro .video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  @media (min-width: 768px) {
    #visionpro strong {
      font-size: 21px;
      line-height: 35px; } }