@font-face {
    font-family: DINNextLTPro-Medium;
    src: url(./fonts/DINNext/DINNextLTPro-Medium.otf);
}

@font-face {
    font-family: DINNextLTPro-Light;
    src: url(./fonts/DINNext/DINNextLTPro-Light.otf);
}

@font-face {
    font-family: RobotoLight;
    src: url(./fonts/Roboto/Roboto-Light.ttf);
}

@font-face {
    font-family: RobotoRegular;
    src: url(./fonts/Roboto/Roboto-Regular.ttf);
}

@font-face {
    font-family: PrimaNovaLight;
    src: url(./fonts/ProximaNova/ProximaNovaLight.ttf);
}

@font-face {
    font-family: PrimaNovaBold;
    src: url(./fonts/ProximaNova/ProximaNovaBold.otf);
}

html body {
  text-align: center;
  background: #eee;
  color: black;
  font-family: RobotoRegular;
}

.jumbotron .container h1 {
  font-size: 80px;
  margin: 0;
}

.jumbotron .container p {
  /* margin: 26px 0 0; */
  margin: 0;
  font-size: 3rem;
}

.jumbotron:first-of-type {
  padding: 0;
}

.jumbotron.main {
  position: relative;
  overflow: hidden;
  margin-bottom: 0;
}

.jumbotron.main::before {
  content: ' ';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0.14;
  /* background-image: url('img/pavel-dvorak-160513.jpg');*/
  background-repeat: no-repeat;
  background-position: center;
  -ms-background-size: cover;
  -o-background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.jumbotron .container {
  width: 100%;
  color: black;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-family: DINNextLTPro-Light;
  position: relative;
  z-index: 2;
  min-height: 48vh;
}

.logo {
    background: url(./img/logo_black.png) no-repeat center center;
    background-size: cover;
    min-width: 144px;
    min-height: 144px;
    width: 30vh;
    height: 30vh;
    max-width: 224px;
    max-height: 224px;
    margin: 0 auto;
}

.outer-container.top-container {
  padding: 45px 0;
  background: #252525;
  color: white;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 52vh;
}

.backers-container img {
  width: 256px;
  height: auto;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}

.team.container {
  background: #eee;
  min-height: 100vh;
  padding-bottom: 50px;
  width: 80%;
  color: black;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.team.container h2 {
  font-size: 48px;
  font-family: DINNextLTPro-Light;
  margin: 40px 0 20px;
}

.outer-container.top-container .announcement {
  margin: 16px auto;
}

.panel.panel-default {
  padding: 0;
}

.announcement {
    width: 65vw;
    max-width: 1280px;
    margin: 1rem auto 1.8rem;
    font-size: 2rem;
    line-height: 1.2em;
    align-self: center;
}

.announcement:first-of-type {
  margin-top: 3rem;
}

.outer-container.top-container .announcement.signup-text {
  margin: 0 0 25px;
}

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:  flex;
}

.team-name {
  font-size: 2.6rem;
}

.panel.panel-default.well.well-lg {
    height: calc(100% - 20px);
    justify-content: center;
    display: flex;
    max-width: 520px;
}

.line {
    height: 1px;
    width: 80vw;
    margin: 1.5rem auto 1.8rem;
    background-color: black;
    box-shadow: 0 0px 2px 1px #888;
}

.backer-logo {
    display: inline-block;
    width: 20vw;
    height: 20vw;
    border-radius: 500px;
    border: 1px solid black;
    min-width: 156px;
    min-height: 156px;
    max-width: 200px;
    max-height: 200px;
    margin-bottom: 1.4rem;
}

.nader {
    background: url(./img/nader.png) no-repeat center center;
    background-size: cover;
}
.lawrence {
    background: url(./img/lawrence.png) no-repeat center center;
    background-size: cover;
}
.josh {
    background: url(./img/josh.png) no-repeat center center;
    background-size: cover;
}

.team-panels-container {
  display: inline-block;
}

.panel.panel-default.well.well-lg.founder-history-container {
  max-width: none;
}

.mc-field-group {
    display: inline-block;
}

input#mce-EMAIL:focus::-webkit-input-placeholder { color:transparent; }
input#mce-EMAIL:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input#mce-EMAIL:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
input#mce-EMAIL:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */

input#mce-EMAIL {
    height: 44px;
    width: 40rem;
    padding: 1.6rem 1.2rem;
    margin-top: 4px;
    background: white;
    border: 1px solid #dcdcdc;
    border-radius: .25rem;
    font-size: 1.8rem;
    color: black;
    vertical-align: middle;
    text-align: center;
}

input#mce-EMAIL::placeholder {
  color: #5f5f5f;
  text-align: center;
}

input#mce-EMAIL:focus {
  outline: none;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

input#mc-embedded-subscribe {
    display: inline-block;
    background: #6c7e94;
    color: white;
    height: 44px;
    width: 128px;
    margin: 4px 0 0 0;
    font-family: DINNextLTPro-Light;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    letter-spacing: 1px;
    border: 1px solid transparent;
    font-size: 1.8rem;
    border-radius: .25rem;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.announcement.whitepaper-link .btn {
  background: #6c7e94;
  color: white;
  width: 240px;
  margin: 3px 16px;
  font-family: DINNextLTPro-Light;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  padding: 1rem 2rem;
  font-size: 2.2rem;
  border-radius: .25rem;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

div#mc_embed_signup_scroll {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

input#mc-embedded-subscribe:hover, .announcement.whitepaper-link a:hover {
  background: #535f6d;
}

.announcement.whitepaper-link a {
  text-decoration: none;
}

.outer-container.top-container .announcement.whitepaper-link {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.4rem;
    margin: 30px 0;
}

a.btn.btn-default {
  margin: 0 32px;
}

a:hover {
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.panel-body {
  max-width: 520px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.panel li, .founder-history-panel {
  list-style: none;
  margin: 2rem;
  font-size: 1.88rem;
  line-height: 2.4rem;
  font-family: RobotoLight;
}

.panel-body.founder-history-panel {
    max-width: 1000px;
}

.panel ul {
  padding: 0;
}

.footer-container {
  padding: 35px 0 45px;
  color: white;
  background: #252525;
}

.footer-string {
  font-size: 2.2rem;
  margin: 1rem 0 1rem;
}

.intangible-labs-text-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-right: 10px;
}

.intangible-labs-logo {
    background: url(./img/intangible_labs_logo_white.png) no-repeat center center;
    background-size: cover;
    width: 96px;
    height: 96px;
    display: inline-block;
}

.intangible-labs-text {
    font-size: 3.6rem;
    align-self: center;
}

@media (max-width: 992px) {
  .outer-container.top-container .announcement.whitepaper-link {
      display: flex;
      align-items: center;
      flex-direction: column;
      font-size: 2.4rem;
      margin: 40px 0;
  }

  .logo {
      background: url(./img/logo_black.png) no-repeat center center;
      background-size: cover;
      width: 192px;
      height: 192px;
      margin: 2rem auto;
  }

  .line {
    width: 90vw;
  }

  .row.team {
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
  }

  .jumbotron .container {
    min-height: 100vh;
    margin: 0;
  }

  .jumbotron .container h1 {
    font-size: 86px;
  }

  .jumbotron .container p {
    font-size: 24px;
  }

  .outer-container:first-child {
    margin-top: 2.5rem;
  }

  .outer-container.top-container .announcement {
    width: 90vw;
    margin: 18px auto;
    font-size: 1.85rem;
    line-height: 1.3em;
  }

  .outer-container.top-container {
    padding: 45px 0;
    min-height: 102vh;
  }

  .outer-container.top-container .announcement:first-of-type {
    margin: 40px 0 18px 0;
  }

  .outer-container.top-container .announcement.signup {
    margin: 0;
  }

  .outer-container.top-container .announcement.signup-text {
    margin: 18px 0 25px;
  }

  .team-name {
    margin-bottom: 0.5rem;
  }

  .team.container {
    width: 100%;
  }

  .team.container h2 {
    font-size: 40px;
  }

  .announcement.whitepaper-link .btn {
    margin: 4px 0;
    width:  232px;
    font-size: 2.2rem;
    padding: 0.9rem 2rem;
  }

  .founder-history-container {
    width: 100%;
  }

  .panel li, .founder-history-panel {
    font-size: 1.85rem;
  }

  .panel.panel-default.well.well-lg.founder-history-container {
    max-width: 520px;
  }

  div#mc_embed_signup_scroll {
    flex-direction: column;
  }

  input#mc-embedded-subscribe {
    margin: 12px 0 0 0;
    font-size: 1.9rem;
  }

  .panel li {
    margin: 2rem 0;
  }

  .footer-container {
    padding: 20px 0 40px;
  }

  .footer-string {
    font-size: 2rem;
    margin: 1rem 0 1rem;
  }

  .intangible-labs-logo {
    width: 80px;
    height: 80px;
    display: inline-block;
  }

  .intangible-labs-text {
    font-size: 3rem;
  }
}

@media (max-width: 640px) {
  input#mce-EMAIL {
    width: 90vw;
  }
}

@media (max-width: 400px) {
  .jumbotron .container h1 {
    font-size: 72px;
  }
}