body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul,
ol, li, dl, dt, dd, form, a, fieldset, input, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: none; }

* {
  box-sizing: border-box; }

html, body {
  width: 100%;
  height: 100%; }

html {
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%; }

p, ul, ol h1, h2, h3, h4 {
  margin: 7.5px 0; }

ul, ol {
  margin-left: 30px; }

small {
  font-size: 0.5em; }

strong {
  font-weight: bold; }

em {
  font-style: italic; }

p, ul, ol {
  font-size: 1em;
  line-height: 1.25em; }

h1 {
  font-size: 2em;
  line-height: 1.25em; }

h2 {
  font-size: 1.625em;
  line-height: 1.15385em; }

h3 {
  font-size: 1.375em;
  line-height: 1.13636em; }

h4 {
  font-size: 1.125em;
  line-height: 1.11111em; }

blockquote {
  font-size: 1.25em;
  line-height: 1.25em; }

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

.row {
  width: 100%;
  height: auto;
  clear: both;
  overflow: auto; }

[class*='col-'] {
  width: 100%;
  position: relative;
  float: left;
  box-sizing: border-box;
  padding: 15px 30px; }
  [class*='col-'] .row {
    width: auto;
    margin-left: -30px;
    margin-right: -30px; }

[class*='offset-'] {
  margin-left: 0; }

[class*='pull-'], [class*='push-'] {
  right: auto;
  left: auto; }

.float-left {
  float: left; }

.float-right {
  float: right; }

.text-left {
  text-align: left; }

.text-center {
  text-align: center; }

.text-right {
  text-align: right; }

.text-justify {
  text-align: justify; }

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

.list-inline {
  list-style: none;
  margin-left: 0;
  padding-left: 0; }
  .list-inline li {
    display: inline-block; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.mgn-full-top {
  margin-top: 15px; }

.mgn-dbl-top {
  margin-top: 30px; }

.mgn-full-btm {
  margin-bottom: 15px; }

.mgn-dbl-btm {
  margin-bottom: 30px; }

.pad-full-top {
  padding-top: 15px; }

.pad-dbl-top {
  padding-top: 30px; }

.pad-full-btm {
  padding-bottom: 15px; }

.pad-dbl-btm {
  padding-bottom: 30px; }

.xs-show {
  display: block; }

.xs-hide {
  display: none; }

.sm-show {
  display: none; }

.sm-hide {
  display: block; }

.md-show {
  display: none; }

.md-hide {
  display: block; }

.lg-show {
  display: none; }

.lg-hide {
  display: block; }

@media (min-width: 768px) {
  .container {
    width: 744px; }
  [class*='col-'] {
    padding: 10px; }
    [class*='col-'] .row {
      margin-left: -10px;
      margin-right: -10px; }
  .col-1 {
    width: 8.33333%; }
  .col-2 {
    width: 16.66667%; }
  .col-3 {
    width: 25%; }
  .col-4 {
    width: 33.33333%; }
  .col-5 {
    width: 41.66667%; }
  .col-6 {
    width: 50%; }
  .col-7 {
    width: 58.33333%; }
  .col-8 {
    width: 66.66667%; }
  .col-9 {
    width: 75%; }
  .col-10 {
    width: 83.33333%; }
  .col-11 {
    width: 91.66667%; }
  .col-12 {
    width: 100%; }
  p, ul, ol {
    font-size: 1em;
    line-height: 1.25em; }
  h1 {
    font-size: 2em;
    line-height: 1.25em; }
  h2 {
    font-size: 1.625em;
    line-height: 1.15385em; }
  h3 {
    font-size: 1.375em;
    line-height: 1.13636em; }
  h4 {
    font-size: 1.125em;
    line-height: 1.11111em; }
  blockquote {
    font-size: 1.25em;
    line-height: 1.25em; }
  .offset-1 {
    margin-left: 8.33333%; }
  .offset-2 {
    margin-left: 16.66667%; }
  .offset-3 {
    margin-left: 25%; }
  .offset-4 {
    margin-left: 33.33333%; }
  .offset-5 {
    margin-left: 41.66667%; }
  .offset-6 {
    margin-left: 50%; }
  .offset-7 {
    margin-left: 58.33333%; }
  .offset-8 {
    margin-left: 66.66667%; }
  .offset-9 {
    margin-left: 75%; }
  .offset-10 {
    margin-left: 83.33333%; }
  .offset-11 {
    margin-left: 91.66667%; }
  .pull-1 {
    right: 8.33333%; }
  .pull-2 {
    right: 16.66667%; }
  .pull-3 {
    right: 25%; }
  .pull-4 {
    right: 33.33333%; }
  .pull-5 {
    right: 41.66667%; }
  .pull-6 {
    right: 50%; }
  .pull-7 {
    right: 58.33333%; }
  .pull-8 {
    right: 66.66667%; }
  .pull-9 {
    right: 75%; }
  .pull-10 {
    right: 83.33333%; }
  .pull-11 {
    right: 91.66667%; }
  .pull-12 {
    right: 100%; }
  .push-1 {
    left: 8.33333%; }
  .push-2 {
    left: 16.66667%; }
  .push-3 {
    left: 25%; }
  .push-4 {
    left: 33.33333%; }
  .push-5 {
    left: 41.66667%; }
  .push-6 {
    left: 50%; }
  .push-7 {
    left: 58.33333%; }
  .push-8 {
    left: 66.66667%; }
  .push-9 {
    left: 75%; }
  .push-10 {
    left: 83.33333%; }
  .push-11 {
    left: 91.66667%; }
  .push-12 {
    left: 100%; }
  .xs-show {
    display: none; }
  .xs-hide {
    display: block; }
  .sm-show {
    display: block; }
  .sm-hide {
    display: none; }
  .md-show {
    display: none; }
  .md-hide {
    display: block; }
  .lg-show {
    display: none; }
  .lg-hide {
    display: block; } }

@media (min-width: 992px) {
  .container {
    width: 960px; }
  p, ul, ol {
    font-size: 1em;
    line-height: 1.375em; }
  h1 {
    font-size: 2.5em;
    line-height: 1.125em; }
  h2 {
    font-size: 2em;
    line-height: 1.25em; }
  h3 {
    font-size: 1.5em;
    line-height: 1.25em; }
  h4 {
    font-size: 1.125em;
    line-height: 1.22222em; }
  blockquote {
    font-size: 1.5em;
    line-height: 1.45833em; }
  .xs-show {
    display: none; }
  .xs-hide {
    display: block; }
  .sm-show {
    display: none; }
  .sm-hide {
    display: block; }
  .md-show {
    display: block; }
  .md-hide {
    display: none; }
  .lg-show {
    display: none; }
  .lg-hide {
    display: block; } }

@media (min-width: 1200px) {
  .container {
    width: 1200px; }
  [class*='col-'] {
    padding: 15px; }
    [class*='col-'] .row {
      margin-left: -15px;
      margin-right: -15px; }
  p, ul, ol {
    font-size: 1em;
    line-height: 1.375em; }
  h1 {
    font-size: 3em;
    line-height: 1.05em; }
  h2 {
    font-size: 2.25em;
    line-height: 1.25em; }
  h3 {
    font-size: 1.75em;
    line-height: 1.25em; }
  h4 {
    font-size: 1.125em;
    line-height: 1.22222em; }
  blockquote {
    font-size: 1.5em;
    line-height: 1.45833em; }
  .xs-show {
    display: none; }
  .xs-hide {
    display: block; }
  .sm-show {
    display: none; }
  .sm-hide {
    display: block; }
  .md-show {
    display: none; }
  .md-hide {
    display: block; }
  .lg-show {
    display: block; }
  .lg-hide {
    display: none; } }

html {
  font-family: system, -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif;
  color: #303030; }

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

h2 {
  padding: 0 0 10px;
  border-bottom: 2px solid #1abc9c; }

h4 {
  font-weight: bold; }

a {
  color: #1976D2;
  transition: color 0.2s ease, background 0.2s ease; }
  a:hover {
    color: #0D47A1; }
  a:visited {
    color: #673AB7; }
  a:focus {
    color: #BF360C; }

.nav {
  background: #17a689; }
  .nav ul {
    display: -ms-flexbox;
    display: flex;
    margin: 0; }
    .nav ul li {
      display: block;
      -ms-flex: 1;
          flex: 1; }
      .nav ul li a {
        display: block;
        padding: 10px 15px;
        border-right: 1px solid #169d82;
        text-decoration: none;
        text-align: center;
        color: #fff; }
        .nav ul li a:hover, .nav ul li a:focus {
          background: #169d82; }
      .nav ul li:last-child a {
        border-right: none; }

.hero {
  padding: 10px 0;
  background: #1abc9c;
  margin-bottom: 15px;
  color: #fff; }
  .hero h1 {
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 0.05em; }
  .hero h1, .hero p {
    text-align: center; }
  .hero ul li a {
    display: block;
    padding: 10px 15px;
    border-bottom: 1px solid #148f77;
    background: #17a689;
    color: #fff;
    text-decoration: none; }
    .hero ul li a:hover, .hero ul li a:focus {
      background: #148f77; }
  .hero ul li:first-child a {
    border-radius: 5px 5px 0 0; }
  .hero ul li:last-child a {
    border-radius: 0 0 5px 5px;
    border-bottom: none; }

.badge {
  padding: 30px;
  border-radius: 5px;
  background: #1abc9c;
  font-size: 3em;
  text-align: center;
  color: #169d82; }

.column-fill {
  padding: 15px;
  border-radius: 5px;
  background: #f0f0f0;
  color: #808080; }
  .column-fill .column-fill {
    border: 2px solid #d9d9d9; }

.footer {
  background: #f0f0f0; }
  .footer a {
    color: #303030; }

@media (min-width: 768px) {
  .nav ul li {
    display: inline-block;
    -ms-flex: none !important;
        flex: none !important; }
  .hero h1, .hero p {
    text-align: left; }
  .hero ul li {
    display: inline-block; }
    .hero ul li a {
      border-right: 1px solid #169d82;
      border-bottom: none; }
    .hero ul li:first-child a {
      border-radius: 5px 0 0 5px; }
    .hero ul li:last-child a {
      border-radius: 0 5px 5px 0;
      border-right: none; } }