/* Typography */ 

  h1, h2, h3, h4, h5, h6 {
    font-family: 'Exo 2', sans-serif;
    font-weight: 500;
    /* color:#222; */
    color: #fff;
    }
    .h1bold {
      font-weight: 600;
    }


  p {
      font-family: 'Exo 2', sans-serif;
      font-size: 1.25rem;
      /*    font-size: .875rem; */
      font-weight: 200;
      line-height: 1.6;
      text-align: left;
      /* color: #222; */
      color: #fff;
      word-wrap: break-word;
      text-indent: 0;
      }
      p.subtitles-snapchat {
        font-size: 1rem;
        line-height: 1.4;
        text-indent: 0;
      }

  a {
    color: #fff;
    text-decoration: underline;
    text-decoration-style: dotted;
    }
    a:hover {
    color: #444;
    text-decoration: none;
    } 
    a.dropdown {
      text-decoration: none;
    }

  blockquote + figcaption cite {
  display: block;
  font-size: inherit;
  text-align: right;
  text-indent: 0;
  }
  blockquote {
    text-indent: 0;
     font-style: italic;
     font-weight: 200;  }
    blockquote p:last-of-type {
      margin-bottom: -0.825em; }
    blockquote + figcaption cite:before {
      content: «—«; }

  blockquote p {
    text-indent: 0;
    font-size: 1rem;
  }
/* Body */

  body {
    background: #000;
    color: #fff;
  }

/* Tweaks & adjustments */ 

  .snapchat p {
    margin-top: 1rem;
  }

  .push {
    margin-top: 5rem;
    }

    .push-half {
      margin-top: 2.5rem;
    }
    .push-fourth {
      margin-top: 1.75rem;
    }

  .btn-primary {
      color: #fff;
      background-color: #000;
      border: 0 !important;
    }
    .btn-primary:hover, .btn-primary:active {
        color: #000;
        background-color: #fff;
        border: 0 !important;
    }
    .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
        color: #000;
        background-color: #fff;
        border: 0 !important;
    }
    .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {
        box-shadow: 0 !important;
    }
    .btn-primary.focus, .btn-primary:focus {
        box-shadow: 0 !important;
    }

  .card {
      background-color:  rgba(245, 245, 245, 0) !important;
      border: 0 !important;
    }
 

/* Fullscreen Video */

  #background {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: url(vid/vid03.png) no-repeat;
    background-size: cover;
  }