.content {
  padding: 20px;
  box-sizing: border-box;
  max-width: 1000px;
  margin: 0 auto; }
  .content--center {
    text-align: center; }
  .content--inverted {
    background-color: White;
    color: #231f20; }

.inner-page {
  padding-top: 100px;
  box-sizing: border-box; }

@media only screen and (min-width: 700px) {
  .columns {
    display: -ms-flexbox;
    display: flex;
    width: 100%; }
    .columns .col-50 {
      width: 50%;
      padding: 20px; } }

body {
  background-color: #0f0c0b;
  font-family: 'Open Sans', sans-serif;
  color: white;
  margin: 0; }

input {
  font-family: 'Open Sans', sans-serif; }

img {
  max-width: 100%;
  height: auto; }

a:link, a:active, a:hover, a:visited {
  color: white;
  text-decoration: underline; }

h2 {
  font-weight: 700; }

.feature-color {
  color: #00adef; }

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

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

.header__outer {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: black;
  background: linear-gradient(0deg, transparent 0%, black 100%); }

.header__inner {
  max-width: 1000px;
  margin: 10px auto;
  padding: 10px 20px;
  box-sizing: border-box; }

.header__logo {
  max-width: 150px; }

.header__title {
  margin: 0;
  font-weight: 300;
  text-transform: uppercase; }

.mission {
  margin: 50px 0; }
  .mission__logo {
    max-width: 600px;
    width: 100%; }

.code-form form {
  border: 1px solid white;
  display: inline-block;
  margin: 20px 0;
  padding: 10px; }

.code-form input[type=submit] {
  display: none; }

.image__label-wrapper {
  position: absolute;
  width: 100%; }

.image__label {
  max-width: 1000px;
  margin: 0 auto;
  padding: 20px;
  font-weight: bold;
  font-size: 14px;
  box-sizing: border-box; }

.image img {
  display: block;
  margin: 0 auto; }

.image--bg-white {
  background-color: White; }

.image--max-height-900 {
  text-align: center; }
  .image--max-height-900 img {
    max-height: 900px; }

.video video {
  max-width: 100%;
  display: block;
  margin: 0 auto; }

.video--max-width-1200 video {
  max-width: 1200px; }

ul.silhouette-list {
  list-style: none;
  padding-left: 0; }
  ul.silhouette-list li {
    padding: 0 10px 20px 50px;
    min-height: 50px;
    background-image: url("../images/silhouette.png");
    background-repeat: no-repeat;
    background-position: 20px 0; }
  ul.silhouette-list--small li {
    background-size: 7px;
    background-position: 30px 0;
    min-height: 20px; }

.contact h2 {
  font-size: 30px;
  font-weight: normal;
  text-transform: uppercase; }
  @media only screen and (min-width: 700px) {
    .contact h2 {
      font-size: 60px; } }
  .contact h2 img {
    max-height: 100px;
    position: relative;
    top: 40px;
    left: 20px; }

.contact .footer-logo-slogan {
  font-size: 12px; }

.contact .address {
  margin-bottom: 20px; }
  @media only screen and (min-width: 700px) {
    .contact .address {
      text-align: right; } }

.alert {
  background-color: White;
  color: Black;
  display: inline-block;
  margin: 20px 0;
  padding: 10px; }
  .alert--danger {
    color: Red; }

/*# sourceMappingURL=app.css.map */