body, h1, h2, h3, h4, p {
    font-family: 'Raleway', sans-serif;
    color: #000; 
    font-weight: 300;

    }
  html, body {
    background: #fff;
  }
  html {
  }
  body {
  }

  @media screen and (min-height: 800px) {
    body {
      display: flex;
      align-items: center;
    }
  }


  a, a:visited { 
    color: #144263;
  }
    a:hover, a:focus {
        color: #144263;
    }
    h1, .h1 {
      font-size: 50px;
    }
    h1 small {
      font-size: 60%;
    }
    h2, .h2 {
    margin-top: 0;
    margin-bottom: 20px;
        font-size: 26px;
    }
    h3, .h3 {
    margin-top: 0;
        font-size: 32px;
    }
  p, a {
    text-align: left;
    font-size: 16px;
    color: #000;
    letter-spacing: 0;
    line-height: 1.5;
  }
  @media screen and (min-width: 640px) {
    p, a {
      font-size: 16px;
      line-height: 1.5;
    }
  }
  @media screen and (min-width: 1024px) {
    p, a {
      font-size: 18px;
    }
  }
  .strong {
    font-weight: 600;
  }
  .fullscreen,
  .content-a {
      width:100%;
  }
  .not-fullscreen,
  .not-fullscreen .content-a,
  .fullscreen.not-overflow,
  .fullscreen.not-overflow .content-a {
  }
  hr {
    max-width: 100%;
    color: #4B868E;
    border-color: #4B868E;
  }

  /* content centering styles */
  .content-a {
  }
  .content-b {
  }
  .background {
    background-repeat:no-repeat;
    /* custom background-position */
    background-position:50% 50%;
    /* ie8- graceful degradation */
    background-position:50% 50%9 !important;
  }
    
    
    /*========= Foundation ==========*/
    
    *,
    *:before,
    *:after {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    
    html,
    body {
      font-size: 100%;
    height; 100%; }
    
    body {
      padding: 0;
      margin: 0;
      font-weight: normal;
      font-style: normal;
      position: relative;
      cursor: default; }
    
    a:hover {
      cursor: pointer;
      opacity: 0.9; }
    
    img,
    object,
    embed {
      max-width: 100%;
      height: auto; }
    
    object,
    embed {
      height: 100%; }
    
    img {
      -ms-interpolation-mode: bicubic; }
    
    #map_canvas img,
    #map_canvas embed,
    #map_canvas object,
    .map_canvas img,
    .map_canvas embed,
    .map_canvas object {
      max-width: none !important; }
    
    .left {
      float: left !important; }
    
    .right {
      float: right !important; }
    
    .clearfix {
      *zoom: 1; }
      .clearfix:before, .clearfix:after {
        content: " ";
        display: table; }
      .clearfix:after {
        clear: both; }
    
    .hide {
      display: none; }
    
    .antialiased {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
    
    img {
      display: inline-block;
      vertical-align: middle; }
    
    textarea {
      height: auto;
    }
    
    select {
      width: 100%; }

      .spacer-top {
        padding-top: 2rem;
      }
    
    .row {
      width: 100%;
      margin-left: auto;
      margin-right: auto;
      margin-top: 0;
      margin-bottom: 0;
      max-width: 100%;
      *zoom: 1; }
      @media screen and (min-width: 640px) {
        .row {
          max-width: 640px;
        }
      }
      @media screen and (min-width: 1024px) {
        .row {
          max-width: 670px;
        }
      }
      .row:before, .row:after {
        content: " ";
        display: table; }
      .row:after {
        clear: both; }
      .row.collapse > .column,
      .row.collapse > .columns {
        padding-left: 0;
        padding-right: 0;
        float: left; }
      .row.collapse .row {
        margin-left: 0;
        margin-right: 0; }
      .row .row {
        width: auto;
        margin-left: -0.9375rem;
        margin-right: -0.9375rem;
        margin-top: 0;
        margin-bottom: 0;
        max-width: none;
        *zoom: 1; }
        .row .row:before, .row .row:after {
          content: " ";
          display: table; }
        .row .row:after {
          clear: both; }
        .row .row.collapse {
          width: auto;
          margin: 0;
          max-width: none;
          *zoom: 1; }
          .row .row.collapse:before, .row .row.collapse:after {
            content: " ";
            display: table; }
          .row .row.collapse:after {
            clear: both; }
    
    .column,
    .columns {
      padding-left: 0.9375rem;
      padding-right: 0.9375rem;
      width: 100%;
      float: left; }
    
    @media only screen {
      .column.small-centered,
      .columns.small-centered {
        margin-left: auto;
        margin-right: auto;
        float: none; }
    
      .column.small-uncentered,
      .columns.small-uncentered {
        margin-left: 0;
        margin-right: 0;
        float: left; }
    
      .column.small-uncentered.opposite,
      .columns.small-uncentered.opposite {
        float: right; }
        
      .column,
      .columns {
        position: relative;
        padding-left: 0.9375rem;
        padding-right: 0.9375rem;
        float: left; }
    
      .small-1 {
        width: 8.33333%; }
    
      .small-2 {
        width: 16.66667%; }
    
      .small-3 {
        width: 25%; }
    
      .small-4 {
        width: 33.33333%; }
    
      .small-5 {
        width: 41.66667%; }
    
      .small-6 {
        width: 50%; }
    
      .small-7 {
        width: 58.33333%; }
    
      .small-8 {
        width: 66.66667%; }
    
      .small-9 {
        width: 75%; }
    
      .small-10 {
        width: 83.33333%; }
    
      .small-11 {
        width: 91.66667%; }
    
      .small-12 {
        width: 100%; }
    
      [class*="column"] + [class*="column"]:last-child {
        float: right; }
    
      [class*="column"] + [class*="column"].end {
        float: left; }
    
      .small-reset-order,
      .small-reset-order {
        margin-left: 0;
        margin-right: 0;
        left: auto;
        right: auto;
        float: left; } }
    @media only screen and (min-width: 40.063em) {
      .column.medium-centered,
      .columns.medium-centered {
        margin-left: auto;
        margin-right: auto;
        float: none; }
    
      .column.medium-uncentered,
      .columns.medium-uncentered {
        margin-left: 0;
        margin-right: 0;
        float: left; }
    
      .column.medium-uncentered.opposite,
      .columns.medium-uncentered.opposite {
        float: right; }
    
      .column,
      .columns {
        position: relative;
        padding-left: 0.9375rem;
        padding-right: 0.9375rem;
        float: left; }
    
      .medium-1 {
        width: 8.33333%; }
    
      .medium-2 {
        width: 16.66667%; }
    
      .medium-3 {
        width: 25%; }
    
      .medium-4 {
        width: 33.33333%; }
    
      .medium-5 {
        width: 41.66667%; }
    
      .medium-6 {
        width: 50%; }
    
      .medium-7 {
        width: 58.33333%; }
    
      .medium-8 {
        width: 66.66667%; }
    
      .medium-9 {
        width: 75%; }
    
      .medium-10 {
        width: 83.33333%; }
    
      .medium-11 {
        width: 91.66667%; }
    
      .medium-12 {
        width: 100%; }
    
      [class*="column"] + [class*="column"]:last-child {
        float: right; }
    
      [class*="column"] + [class*="column"].end {
        float: left; }
    
    
      .medium-reset-order,
      .medium-reset-order {
        margin-left: 0;
        margin-right: 0;
        left: auto;
        right: auto;
        float: left; }
    
    @media only screen and (min-width: 64.063em) {
      .column.large-centered,
      .columns.large-centered {
        margin-left: auto;
        margin-right: auto;
        float: none; }
    
      .column.large-uncentered,
      .columns.large-uncentered {
        margin-left: 0;
        margin-right: 0;
        float: left; }
    
      .column.large-uncentered.opposite,
      .columns.large-uncentered.opposite {
        float: right; }
        
      .column,
      .columns {
        position: relative;
        padding-left: 0.9375rem;
        padding-right: 0.9375rem;
        float: left; }
    
      .large-1 {
        width: 8.33333%; }
    
      .large-2 {
        width: 16.66667%; }
    
      .large-3 {
        width: 25%; }
    
      .large-4 {
        width: 33.33333%; }
    
      .large-5 {
        width: 41.66667%; }
    
      .large-6 {
        width: 50%; }
    
      .large-7 {
        width: 58.33333%; }
    
      .large-8 {
        width: 66.66667%; }
    
      .large-9 {
        width: 75%; }
    
      .large-10 {
        width: 83.33333%; }
    
      .large-11 {
        width: 91.66667%; }
    
      .large-12 {
        width: 100%; }
    
      [class*="column"] + [class*="column"]:last-child {
        float: right; }
    
      [class*="column"] + [class*="column"].end {
        float: left; }
    
      .large-reset-order,
      .large-reset-order {
        margin-left: 0;
        margin-right: 0;
        left: auto;
        right: auto;
        float: left; }    
    
    /* Wrapped around .top-bar to contain to grid width */
    .contain-to-grid {
      width: 100%;
      background: #333333; }
      .contain-to-grid .top-bar {
        margin-bottom: 0; }
    
    .fixed {
      width: 100%;
      left: 0;
      position: fixed;
      top: 0;
      z-index: 99; }
      .fixed.expanded:not(.top-bar) {
        overflow-y: auto;
        height: auto;
        width: 100%;
        max-height: 100%; }
        .fixed.expanded:not(.top-bar) .title-area {
          position: fixed;
          width: 100%;
          z-index: 99; }
        .fixed.expanded:not(.top-bar) .top-bar-section {
          z-index: 98;
          margin-top: 45px; }
          
    .inline-list {
      margin: 0 auto 1.0625rem auto;
      margin-left: -1.375rem;
      margin-right: 0;
      padding: 0;
      list-style: none;
      overflow: hidden; }
      .inline-list > li {
        list-style: none;
        float: left;
        margin-left: 1.375rem;
        display: block; }
        .inline-list > li > * {
          display: block; 
      }
    }
  }

  .diamond {
    width: 7px;
    vertical-align: baseline;
  }
  @media screen and (min-width: 640px) {
    .diamond {
      width: 11px;

    }
  }
  @media screen and (min-width: 1024px) {
    .diamond {
      width: 15px;
    }
  }

  figure figcaption {
    margin-bottom: 7px;
    text-align: center;
  }

.videoWrapper {
  margin: 0 auto;
  max-width: 560px;
}
@media screen and (max-width: 1023px) {
  .videoWrapper {
    position: relative;
    padding-bottom: 47.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
    max-width: 560px;
  }
  .videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}