/**
 * @return percent
 */
/**
 * @return int
 */
/**
 * @return unit px
 */
/**
 * @return unit px
 */
/**
 * @return percent
 */
/**
 * @return unit px
 */
/**
 * @return mixed
 */
 @-ms-viewport {
    width: device-width;
  }
  
  html {
    font-size: 100%;
    line-height: 1.5em;
    -ms-overflow-style: scrollbar;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    box-sizing: border-box;
    -webkit-font-feature-settings: 'liga' 1, 'dlig' 1, 'kern' 1;
            font-feature-settings: 'liga' 1, 'dlig' 1, 'kern' 1;
    -webkit-font-kerning: normal;
            font-kerning: normal;
    -webkit-font-variant-ligatures: common-ligatures;
            font-variant-ligatures: common-ligatures;
    text-rendering: optimizeLegibility;
  }
  
  @media print {
    html {
      font-size: 12pt;
    }
  }
  
  *,
  *::before,
  *::after {
    box-sizing: inherit;
  }
  
  * {
    -webkit-overflow-scrolling: touch;
    outline: 0;
  }
  
  article,
  aside,
  footer,
  header,
  nav,
  section,
  figcaption,
  figure,
  main {
    display: block;
  }
  
  a,
  area,
  button,
  [role="button"],
  input,
  label,
  select,
  summary,
  textarea {
    touch-action: manipulation;
  }
  
  img,
  video,
  audio {
    max-width: 100%;
  }
  
  img,
  video {
    height: auto;
  }
  
  audio,
  video {
    display: inline-block;
  }
  
  audio:not([controls]) {
    display: none;
    height: 0;
  }
  
  img {
    border-style: none;
  }
  
  canvas {
    display: inline-block;
  }
  
  svg {
    max-height: 100%;
  }
  
  svg:not(:root) {
    overflow: hidden;
  }
  
  iframe {
    border: none;
  }
  
  table {
    border-collapse: collapse;
  }
  
  button,
  input {
    overflow: visible;
  }
  
  button,
  select {
    text-transform: none;
  }
  
  button,
  html [type="button"],
  [type="reset"],
  [type="submit"] {
    -webkit-appearance: button;
  }
  
  input[type="radio"],
  input[type="checkbox"] {
    position: relative;
    box-sizing: border-box;
    padding: 0;
    font-size: 112.5%;
    margin-right: 3px;
  }
  
  input[type="date"],
  input[type="time"],
  input[type="datetime-local"],
  input[type="month"] {
    -webkit-appearance: listbox;
  }
  
  textarea {
    resize: vertical;
    overflow: auto;
  }
  
  [type="number"]::-webkit-inner-spin-button,
  [type="number"]::-webkit-outer-spin-button {
    height: auto;
  }
  
  [type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
  }
  
  [type="search"]::-webkit-search-decoration,
  [type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
  }
  
  [tabindex="-1"]:focus {
    outline: none !important;
  }
  
  [hidden] {
    display: none !important;
  }
  
  legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
  }
  
  legend {
    white-space: normal;
    padding: 0;
  }
  
  ::-moz-focus-inner {
    border: 0;
    padding: 0;
  }
  
  ::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
  }
  
  a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
  }
  
  a:active, a:hover {
    outline-width: 0;
  }
  
  a:not([href]):not([tabindex]) {
    color: inherit;
    text-decoration: none;
  }
  
  a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
    color: inherit;
    text-decoration: none;
    outline: 0;
  }
  
  body {
    margin: 0 auto;
    font-family: "Open Sans", sans-serif;
    color: #424242;
  }
  
  h1, h2, h3, h4, h5, h6,
  .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "Open Sans", sans-serif;
    letter-spacing: -0.03125em;
    margin: 0 0 1.5rem;
    color: #212121;
  }
  
  h1, .h1 {
    font-size: 1.77687rem;
    line-height: 1.5rem;
    font-weight: 700;
  }
  
  h2, .h2 {
    font-size: 1.60181rem;
    line-height: 1.5rem;
    font-weight: 700;
  }
  
  h3, .h3 {
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 700;
  }
  
  h4, .h4 {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 700;
  }
  
  h5, .h5 {
    font-size: 1.333rem;
    line-height: 1.5rem;
    font-weight: 700;
  }
  
  h6, .h6 {
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 700;
    text-transform: uppercase;
  }
  
  p, ul, ol, pre, table, blockquote {
    margin: 0 0 1.5rem;
  }
  
  p {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  
  blockquote {
    position: relative;
    line-height: 2.25rem;
    padding: 0.75rem 1.5rem;
  }
  
  blockquote p {
    margin: 0;
    font-size: 1.125rem;
  }
  
  cite {
    display: block;
  }
  
  small {
    font-size: 0.88887rem;
    line-height: 1;
  }
  
  ul ul,
  ul ol,
  ol ul,
  ol ol {
    margin: 0;
  }
  
  dd {
    margin: 0 0 0.75rem;
  }
  
  dt {
    font-weight: 700;
  }
  
  sub,
  sup {
    position: relative;
    line-height: 0;
    vertical-align: baseline;
    font-size: 0.88887rem;
  }
  
  sub {
    bottom: -0.1875rem;
  }
  
  sup {
    top: -0.375rem;
  }
  
  abbr[title] {
    border-bottom: .1em dotted currentColor;
    cursor: help;
  }
  
  code, kbd {
    padding: 2px 4px;
    line-height: 1;
    border-radius: 3px;
  }
  
  pre {
    display: block;
    border-radius: 3px;
    word-wrap: normal;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    line-height: 1.5rem;
    padding: 0.375rem 0.75rem;
    margin-bottom: 1.5rem;
  }
  
  pre code {
    padding: 0;
    word-break: normal;
    white-space: pre;
  }
  
  .button {
    font-family: "Open Sans", sans-serif;
    font-size: 1rem;
    line-height: 1.375rem;
    padding: 0.375rem 1.125rem;
    margin-bottom: 1.5rem;
    position: relative;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    outline: none;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 3px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    vertical-align: top;
    color: #fff;
    background-color: #212121;
    border-color: #212121;
  }
  
  .button:hover {
    outline: none;
    text-decoration: none;
  }
  
  .button[disabled], .button.disabled {
    opacity: 0.7;
    cursor: default;
  }
  
  .button i {
    margin-right: 0.1875rem;
  }
  
  form {
    font-family: "Open Sans", sans-serif;
    letter-spacing: -0.03125em;
    margin: 0 0 1.5rem;
  }
  
  fieldset {
    position: relative;
    display: block;
    border: 0 solid currentColor;
    padding: 0;
    margin: 0;
  }
  
  legend {
    position: absolute;
    top: -24px;
    left: -1px;
    font-weight: 400;
    padding: 0;
    font-size: 0.88887rem;
  }
  
  label {
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    font-size: 0.88887rem;
    line-height: 1.5rem;
    padding: 0;
  }
  
  input,
  select,
  textarea {
    display: block;
    width: 100%;
    outline: none;
    background-color: transparent;
    border: solid currentColor;
    border-radius: 3px;
    font-size: 0.88887rem;
    line-height: 1.5rem;
    padding: 0.375rem 0.75rem;
    border-width: 1px;
    margin-top: -0.0625rem;
    margin-bottom: 1.4375rem;
  }
  
  input:-moz-placeholder,
  select:-moz-placeholder,
  textarea:-moz-placeholder {
    color: rgba(0, 0, 0, 0.5);
  }
  
  input::-moz-placeholder,
  select::-moz-placeholder,
  textarea::-moz-placeholder {
    color: rgba(0, 0, 0, 0.5);
  }
  
  input:-ms-input-placeholder,
  select:-ms-input-placeholder,
  textarea:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.5);
  }
  
  input::-webkit-input-placeholder,
  select::-webkit-input-placeholder,
  textarea::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.5);
  }
  
  input:active, input:focus,
  select:active,
  select:focus,
  textarea:active,
  textarea:focus {
    border-color: #212121;
  }
  
  select {
    height: 2.375rem;
  }
  
  textarea {
    height: 6.875rem;
  }
  
  input[type=date],
  input[type=search],
  input[type=number] {
    box-sizing: border-box;
    -webkit-appearance: textfield;
       -moz-appearance: textfield;
            appearance: textfield;
  }
  
  input[type=radio],
  input[type=checkbox] {
    display: inline-block;
    position: relative;
    top: -1px;
    width: auto;
    padding: 0;
    margin: 0;
  }
  
  input[type=radio] + label,
  input[type=checkbox] + label {
    display: inline-block;
    width: auto;
    padding: 0;
    line-height: 1.5rem;
    margin: 0 1.5rem 1.5rem 0.1875rem;
  }
  
  @font-face {
    font-family: 'Icons';
    font-style: normal;
    font-weight: normal;
    src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBfgAAAC8AAAAYGNtYXAXVtKOAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZsMn2SAAAAF4AAADeGhlYWQMP9EUAAAE8AAAADZoaGVhB8IDzQAABSgAAAAkaG10eCYABd4AAAVMAAAAMGxvY2EFWASuAAAFfAAAABptYXhwABcAmwAABZgAAAAgbmFtZfMJxocAAAW4AAABYnBvc3QAAwAAAAAHHAAAACAAAwPHAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpBwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6Qf//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAAKAAAAAAQAA8AADwAUACQANABEAFYAaAB4AIgAmAAAEyIGFREUFjMhMjY1ETQmIwUhESEREzgBMSIGFRQWMzI2NTQmIzM4ATEiBhUUFjMyNjU0JiMzOAExIgYVFBYzMjY1NCYjATIWHQEUBiMiJj0BNDYzOAExITIWHQEUBiMiJj0BNDYzOAExATgBMSIGFRQWMzI2NTQmIzM4ATEiBhUUFjMyNjU0JiMzOAExIgYVFBYzMjY1NCYjwFBwcFACgFBwcFD9IQM+/MKrHioqHh4qKh70HioqHh4qKh70HisrHh0rKh7+MBQdHRQUHBwUAbgUHBwUFB0dFP4wHioqHh4qKh70HioqHh4qKh70HisrHh0rKh4DYHBQ/iBQcHBQAeBQcF/9XwKh/n8qHh4qKh4eKioeHioqHh4qKh4eKioeHioCQBwVjhUcHBWOFRwcFY4VHBwVjhUc/rAqHh4qKh4eKioeHioqHh4qKh4eKioeHioAAAABAQAAwAMAAcAACwAAAQcXBycHJzcnNxc3AwDMAjMDAzMCzDTMzAGVqAIrAgIrAqgrqKgAAQGAAEACgAJAAAsAACUnByc3JzcXNxcHFwJVqAIrAgIrAqgrqKhAzAIzAwMzAsw0zMwAAAEBgABAAoACQAALAAABFzcXBxcHJwcnNycBq6gCKwICKwKoK6ioAkDMAjMDAzMCzDTMzAABAQAAwAMAAcAACwAAJTcnNxc3FwcXBycHAQDMAjMDAzMCzDTMzOuoAisCAisCqCuoqAAAAgAP/+UD1AOqAAQACAAAEwEHATcFAScBSwOJPPx3PAOJ/Hc8A4kDqvx3PAOJPDz8dzwDiQAAAAADAIAAgAOAAwAAAwAHAAsAADc1IRUBIRUhESEVIYADAP0AAwD9AAMA/QCAgIABgIABgIAAAgBPAA8DsgNxABgALQAAJQcBDgEjIi4CNTQ+AjMyHgIVFAYHAQEiDgIVFB4CMzI+AjU0LgIjA7JY/t4lWTBBc1YxMVZzQUFzVTIcGQEi/dgxVkAlJUBWMTFWQCUlQFYxZ1gBIRkcMlVzQUFzVjExVnNBMFkm/uACuyVAVjExVkAlJUBWMTFWQCUAAAABAAAAAQAABhlWm18PPPUACwQAAAAAANSQRjkAAAAA1JBGOQAA/+UEAAPAAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAQAAAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAAAAEAAEABAABgAQAAYAEAAEABAAADwQAAIAEAABPAAAAAAAKABQAHgDYAPIBDAEmAUABXAF2AbwAAAABAAAADACZAAoAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEABAAAAAEAAAAAAAIABwBFAAEAAAAAAAMABAAtAAEAAAAAAAQABABaAAEAAAAAAAUACwAMAAEAAAAAAAYABAA5AAEAAAAAAAoAGgBmAAMAAQQJAAEACAAEAAMAAQQJAAIADgBMAAMAAQQJAAMACAAxAAMAAQQJAAQACABeAAMAAQQJAAUAFgAXAAMAAQQJAAYACAA9AAMAAQQJAAoANACAS3ViZQBLAHUAYgBlVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwS3ViZQBLAHUAYgBlS3ViZQBLAHUAYgBlUmVndWxhcgBSAGUAZwB1AGwAYQByS3ViZQBLAHUAYgBlRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("truetype");
  }
  
  [class^="icon-"]::before,
  [class*=" icon-"]::before {
    position: relative;
    top: 1px;
    font-family: 'Icons' !important;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    speak: none;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
  }
  
  /*!
   * Float Labels
   * @version: 3.3.9
   * @author: Paul Ryley (http://geminilabs.io)
   * @url: https://pryley.github.io/float-labels.js
   * @license: MIT
   */
  .fl-form .fl-wrap {
    position: relative;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  .fl-form input.fl-input,
  .fl-form select.fl-select,
  .fl-form textarea.fl-textarea {
    width: 100%;
    outline: 0;
    font-size: 16px;
    line-height: 1.5;
    border-radius: 3px;
    border: 1px solid #dfdfdf;
    background-color: #fff;
    box-sizing: border-box;
    transition: all 0.2s ease-in-out;
    margin-bottom: 1.4375rem;
  }
  
  .fl-form input.fl-input:-moz-placeholder,
  .fl-form select.fl-select:-moz-placeholder,
  .fl-form textarea.fl-textarea:-moz-placeholder {
    color: #bbb;
  }
  
  .fl-form input.fl-input::-moz-placeholder,
  .fl-form select.fl-select::-moz-placeholder,
  .fl-form textarea.fl-textarea::-moz-placeholder {
    color: #bbb;
  }
  
  .fl-form input.fl-input:-ms-input-placeholder,
  .fl-form select.fl-select:-ms-input-placeholder,
  .fl-form textarea.fl-textarea:-ms-input-placeholder {
    color: #bbb;
  }
  
  .fl-form input.fl-input::-webkit-input-placeholder,
  .fl-form select.fl-select::-webkit-input-placeholder,
  .fl-form textarea.fl-textarea::-webkit-input-placeholder {
    color: #bbb;
  }
  
  .fl-form select.fl-select {
    position: relative;
    color: #bbb;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
  }
  
  .fl-form select.fl-select::-ms-expand {
    display: none;
  }
  
  .fl-form .fl-is-active input.fl-input,
  .fl-form .fl-is-active select.fl-select,
  .fl-form .fl-is-active textarea.fl-textarea {
    color: #444;
    background-color: #fff;
    border-color: #dfdfdf;
  }
  
  .fl-form .fl-has-focus input.fl-input,
  .fl-form .fl-has-focus select.fl-select,
  .fl-form .fl-has-focus textarea.fl-textarea {
    background-color: #fff;
    border-color: #1976D2;
  }
  
  .fl-form label.fl-label {
    opacity: 0;
    visibility: hidden;
    display: block;
    position: absolute;
    top: -12px;
    left: 0;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    color: #bbb;
    border-top-left-radius: 3px;
    transition: all 0.2s ease-in-out;
    z-index: 1;
  }
  
  body[dir=rtl] .fl-form label.fl-label {
    left: unset;
    right: 0;
  }
  
  .fl-form .fl-is-active label.fl-label {
    opacity: 1;
    visibility: visible;
  }
  
  .fl-form .fl-has-focus label.fl-label {
    color: #1976D2;
  }
  
  .fl-form .fl-is-required:before {
    opacity: 1;
    content: '*';
    display: block;
    position: absolute;
    top: 1px;
    right: 15px;
    font-size: 16px;
    line-height: 1.75;
    color: #D32F2F;
    transition: all 0.2s ease-in-out;
    padding: 6px 0 0;
    z-index: 1;
  }
  
  body[dir=rtl] .fl-form .fl-is-required:before {
    right: unset;
    left: 15px;
  }
  
  .fl-form .fl-is-required.fl-is-active:before {
    opacity: 0;
  }
  
  .fl-form.fl-style-1 input.fl-input,
  .fl-form.fl-style-1 select.fl-select,
  .fl-form.fl-style-1 textarea.fl-textarea {
    padding: 6px 12px;
  }
  
  .fl-form.fl-style-1 select.fl-select {
    height: 38px;
  }
  
  .fl-form.fl-style-1 .fl-is-active input.fl-input,
  .fl-form.fl-style-1 .fl-is-active select.fl-select,
  .fl-form.fl-style-1 .fl-is-active textarea.fl-textarea {
    padding: 6px 12px;
  }
  
  .fl-form.fl-style-1 label.fl-label {
    top: 1px;
    left: 10px;
    background-color: transparent;
    padding: 12px 3px;
  }
  
  .fl-form.fl-style-1 label.fl-label:before {
    content: '';
    display: block;
    position: absolute;
    top: 19px;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #fff;
    z-index: -1;
  }
  
  .fl-form.fl-style-1 .fl-is-active label.fl-label {
    top: -9px;
    padding: 3px;
  }
  
  .fl-form.fl-style-1 .fl-is-active label.fl-label:before {
    top: 9px;
  }
  
  body[dir=rtl] .fl-form.fl-style-1 label.fl-label {
    left: unset;
    right: 10px;
  }
  
  .fl-form.fl-style-2 input.fl-input,
  .fl-form.fl-style-2 select.fl-select,
  .fl-form.fl-style-2 textarea.fl-textarea {
    padding: 12px;
  }
  
  .fl-form.fl-style-2 select.fl-select {
    height: 50px;
  }
  
  .fl-form.fl-style-2 .fl-is-active input.fl-input,
  .fl-form.fl-style-2 .fl-is-active select.fl-select,
  .fl-form.fl-style-2 .fl-is-active textarea.fl-textarea {
    padding: 18px 12px 6px;
  }
  
  .fl-form.fl-style-2 label.fl-label {
    top: 1px;
    left: 10px;
    padding: 6px 3px 3px;
  }
  
  .fl-form.fl-style-2 .fl-is-required:before {
    padding-top: 12px;
  }
  
  body[dir=rtl] .fl-form.fl-style-2 label.fl-label {
    left: unset;
    right: 10px;
  }
  
  .fl-form .fl-wrap-select:after {
    content: '';
    position: absolute;
    display: block;
    top: 1px;
    right: 6px;
    height: calc(100% - 2px);
    width: 12px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 16'%3E%3Cpath fill='%23bbb' d='M 4 0 L 0 6.5 L 8 6.5 L 4 0 z M 0 9.5 L 4 16 L 4 16 L 8 9.5 z'/%3E%3C/svg%3E") no-repeat;
    background-position: 100% 50%;
    background-size: 7px 14px;
    z-index: 2;
  }
  
  body[dir=rtl] .fl-form .fl-wrap-select:after {
    right: unset;
    left: 6px;
  }
  
  a {
    color: #1565c0;
    text-decoration: none;
  }
  
  a:hover {
    text-decoration: underline;
  }
  
  blockquote {
    border-left: 4px solid #eceff1;
    color: #455a64;
  }
  
  blockquote p {
    font-size: 0.88887rem;
  }
  
  blockquote p:not(:last-child) {
    margin-bottom: 0.75rem;
  }
  
  blockquote pre {
    margin-bottom: 0;
  }
  
  code {
    font-size: 1rem;
    border-radius: 3px;
    background-color: #eceff1;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.75);
  }
  
  pre {
    line-height: 1.5rem;
    font-weight: 200;
    background-color: #263238;
  }
  
  pre code {
    font-size: 0.88887rem;
    color: #dcedc8;
    text-shadow: 1px 1px 0 rgba(33, 33, 33, 0.25);
    background: none;
  }
  
  .page-header {
    padding: 3rem 1.5rem;
    background-color: #263238;
    text-align: center;
  }
  
  @media screen and (min-width: 42em) {
    .page-header {
      padding: 3rem 4.5rem;
    }
  }
  
  @media screen and (min-width: 50em) {
    .page-header {
      padding: 6rem 4.5rem;
    }
  }
  
  .page-header .button {
    color: rgba(255, 255, 255, 0.7);
    border-color: transparent;
    background-color: rgba(69, 90, 100, 0.3);
    font-size: 1rem;
    padding: 0.75rem 1.5rem;
    margin: 1.125rem 0 0;
  }
  
  .page-header .button:hover {
    color: rgba(255, 255, 255, 0.7);
    border-color: transparent;
    background-color: rgba(69, 90, 100, 0.5);
  }
  
  .page-header .button:active {
    background-color: rgba(69, 90, 100, 0.7);
  }
  
  @media screen and (min-width: 35em) {
    .page-header .button {
      margin: 1.125rem 0.375rem 0;
    }
  }
  
  .page-footer {
    max-width: 52em;
    margin: 0 auto;
    padding: 1.5rem;
  }
  
  .page-footer p:first-child {
    position: relative;
    top: 1px;
    font-weight: bold;
    border-top: 1px solid #eceff1;
    margin: -2px 0 0;
    padding-top: 1.5rem;
  }
  
  .main-content {
    max-width: 52em;
    margin: 0 auto;
    padding: 2.25rem 1.5rem 0;
  }
  
  .section ul {
    line-height: 1.875rem;
  }
  
  .section:not(:last-child) {
    margin-bottom: 3rem;
  }
  
  .project-name {
    color: #fff;
  }
  
  @media screen and (min-width: 42em) {
    .project-name {
      font-size: 2.36856rem;
      line-height: 3rem;
    }
  }
  
  @media screen and (min-width: 50em) {
    .project-name {
      font-size: 3.15731rem;
    }
  }
  
  .project-tagline {
    color: rgba(255, 255, 255, 0.5);
    font-weight: 400;
    font-size: 1rem;
    margin-bottom: 1.5rem;
  }
  
  @media screen and (min-width: 42em) {
    .project-tagline {
      font-size: 1.333rem;
      line-height: 3rem;
      line-height: 2.25rem;
    }
  }
  
  .badge {
    display: inline-block;
    line-height: 2.25rem;
    margin-bottom: 1.5rem;
  }
  
  .badge img {
    height: 1.5rem;
  }
  
  .button {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: "Open Sans", sans-serif;
    font-size: 1rem;
    line-height: 1.375rem;
    padding: 0.375rem 1.125rem;
    margin-bottom: 1.5rem;
    position: relative;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    outline: none;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 3px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    vertical-align: top;
    color: #fff;
    background-color: #1565c0;
    border-color: #1565c0;
    transition: color 0.125s ease-in-out, background-color 0.125s ease-in-out, border-color 0.125s ease-in-out;
  }
  
  .button:hover {
    outline: none;
    text-decoration: none;
  }
  
  .button[disabled], .button.disabled {
    opacity: 0.7;
    cursor: default;
  }
  
  .button-group {
    display: inline-block;
    vertical-align: bottom;
  }
  
  .button-group .button {
    float: left;
    z-index: 1;
  }
  
  .button-group .button:hover, .button-group .button:focus {
    z-index: 2;
  }
  
  .button-group .button:active, .button-group .button.active {
    z-index: 3;
  }
  
  .button-group .button:first-child {
    border-radius: 3px 0 0 3px;
  }
  
  .button-group .button:last-child {
    border-radius: 0 3px 3px 0;
  }
  
  .button-group .button:not(:first-child):not(:last-child) {
    border-radius: 0;
  }
  
  .button-group .button:not(:first-child) {
    margin-left: -1px;
  }
  
  .button:hover {
    background-color: #104d92;
    border-color: #104d92;
  }
  
  .button:active, .button.active {
    background-color: #0b3564;
    border-color: #0b3564;
  }
  
  .button[disabled], .button.disabled {
    color: #fff;
    background-color: #1565c0;
    border-color: #1565c0;
  }
  
  .button:not([disabled]):not(.disabled):active {
    -webkit-transform: translate3d(0, 1px, 0);
            transform: translate3d(0, 1px, 0);
  }
  
  .button.secondary {
    color: #fff;
    background-color: #424242;
    border-color: #424242;
  }
  
  .button.secondary:hover {
    background-color: #292929;
    border-color: #292929;
  }
  
  .button.secondary:active, .button.secondary.active {
    background-color: #0f0f0f;
    border-color: #0f0f0f;
  }
  
  .button.secondary[disabled], .button.secondary.disabled {
    color: #fff;
    background-color: #424242;
    border-color: #424242;
  }
  
  .button-group {
    display: block;
    margin-bottom: 1.5rem;
  }
  
  .button-group:after {
    content: '';
    display: table;
    clear: both;
  }
  
  :not(.button-group) > .button {
    width: 100%;
  }
  
  @media screen and (min-width: 35em) {
    :not(.button-group) > .button {
      width: auto;
    }
  }
  
  form .button {
    display: block;
    margin: 0;
  }