@import url(font-awesome.min.css);
@import url(Montserrat.css);
body {
  font-family: Avenir, Montserrat, Arial, sans-serif;
  font-size: 1.3vmin;
  color: #444;
  letter-spacing: 0.07em;
  background-color: #fff;
  margin: 0;
  width: calc(100vw - 2em);
  text-align: justify; }
  @media screen and (max-width: 480px) {
    body {
      font-size: 2vmin; } }

a {
  color: #bbb;
  text-decoration: none;
  -moz-transition: color 2s ease;
  -webkit-transition: color 2s ease;
  -ms-transition: color 2s ease;
  transition: color 2s ease; }
  a:hover {
    color: #b00;
    -moz-transition: color .75s ease;
    -webkit-transition: color .75s ease;
    -ms-transition: color .75s ease;
    transition: color .75s ease; }

header {
  height: 6em;
  /* box-shadow: 0 0 0 3px green; */ }
  @media screen and (max-width: 480px) {
    header {
      height: 7em; } }

.intro_box {
  position: relative;
  top: 1em;
  left: 1.5em;
  line-height: 1.5;
  text-transform: uppercase; }
  .intro_box .red_name {
    color: #b00;
    font-weight: 700; }
  .intro_box a {
    color: inherit; }
  .intro_box .vr {
    font-weight: 400;
    color: inherit;
    margin-left: .5em;
    margin-right: .5em; }
  .intro_box .vrxw {
    font-weight: 400;
    color: inherit;
    margin-left: 1em;
    margin-right: 1em; }
    @media screen and (max-width: 480px) {
      .intro_box .vrxw {
        margin-left: .5em;
        margin-right: .5em; } }
  @media screen and (max-width: 480px) {
    .intro_box .top-line {
      font-size: 4vmin;
      letter-spacing: .07em; } }

.menu_box {
  position: absolute;
  top: 1em;
  right: 1.5em;
  text-transform: uppercase; }
  .menu_box a {
    color: #444; }
    @media screen and (max-width: 480px) {
      .menu_box a {
        color: #bbb; } }
  .menu_box a:hover {
    color: #b00;
    -moz-transition: color .75s ease;
    -webkit-transition: color .75s ease;
    -ms-transition: color .75s ease;
    transition: color .75s ease; }

.menu_widget {
  font-family: FontAwesome; }
  @media screen and (max-width: 480px) {
    .menu_widget {
      font-size: 6vmin; } }

@media screen and (max-width: 480px) {
  .menu_text {
    display: none; } }

#page_holder {
  display: flex;
  position: absolute;
  left: 0;
  top: 6em;
  width: 100%;
  height: calc(100% - 6em);
  flex-direction: column;
  justify-content: space-evenly;
  /* box-shadow: 0 0 0 3px grey; */ }
  @media screen and (max-width: 480px) {
    #page_holder {
      top: 7em;
      height: calc(100% - 7em); } }

#banner {
  position: relative;
  min-height: 0;
  margin-top: auto;
  margin-bottom: auto;
  left: 8em;
  width: 80%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  -moz-transition: color 3s ease-in-out;
  -webkit-transition: color 3s ease-in-out;
  -ms-transition: color 3s ease-in-out;
  transition: color 3s ease-in-out;
  /* box-shadow: 0 0 0 3px black; */ }
  @media screen and (max-width: 480px) {
    #banner {
      left: 6em; } }
  #banner .inner {
    margin-bottom: 5em;
    /* box-shadow: 0 0 0 3px red; */ }
    @media screen and (max-width: 480px) {
      #banner .inner {
        margin-left: auto;
        margin-right: auto; } }

.for_buttons {
  /* box-shadow: 0 0 0 3px orange; */ }
  @media screen and (max-width: 480px) {
    .for_buttons {
      text-align: center;
      margin-left: auto;
      margin-right: auto;
      padding-right: 3em; }
      .for_buttons .button {
        margin-right: 1em;
        margin-left: 1em; }
      .for_buttons #founder_button {
        margin-right: 5em;
        margin-left: 5em;
        margin-bottom: 2em; } }

#footer {
  width: 100%;
  height: 3em;
  padding-bottom: 1em;
  /* box-shadow: 0 0 0 3px pink; */ }

.emblazon {
  font-size: 800%;
  margin-bottom: .5em;
  letter-spacing: .07em; }
  @media screen and (max-width: 480px) {
    .emblazon {
      font-size: 675%;
      text-align: center; } }
  .emblazon #grow {
    -moz-transition: color 3s ease-in-out;
    -webkit-transition: color 3s ease-in-out;
    -ms-transition: color 3s ease-in-out;
    transition: color 3s ease-in-out; }

.is-preload {
  color: #fff; }

.button {
  color: #444;
  display: inline-block;
  width: 15em;
  border-width: 1px;
  border-style: solid;
  border-radius: 4px;
  margin-right: .5em;
  margin-left: .5em;
  text-align: center;
  text-transform: uppercase;
  line-height: 3.35em;
  font-weight: 700;
  cursor: pointer;
  -moz-transition: background-color 2s ease-in-out, color 1.25s ease-in-out;
  -webkit-transition: background-color 2s ease-in-out, color 1.25s ease-in-out;
  -ms-transition: background-color 2s ease-in-out, color 1.25s ease-in-out;
  transition: background-color 2s ease-in-out, color 1.25s ease-in-out; }
  .button:hover {
    background-color: #b00;
    color: #fff !important;
    -moz-transition: background-color .75s ease-in-out, color .1s ease-in-out;
    -webkit-transition: background-color .75s ease-in-out, color .1s ease-in-out;
    -ms-transition: background-color .75s ease-in-out, color .1s ease-in-out;
    transition: background-color .75s ease-in-out, color .1s ease-in-out; }
  .button.is-preload {
    color: #fff; }

.logos {
  font-size: 2em; }
  .logos .icon {
    text-decoration: none; }
    .logos .icon:before {
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      font-family: FontAwesome;
      font-style: normal;
      font-weight: normal;
      text-transform: none !important; }
  .logos .label {
    display: none; }
  .logos ul {
    list-style: none;
    display: flex;
    padding: 0;
    margin: 0; }
  .logos li {
    padding: 0 0 0 1em; }

#menu {
  -moz-transform: translateX(20em);
  -webkit-transform: translateX(20em);
  -ms-transform: translateX(20em);
  transform: translateX(20em);
  -moz-transition: -moz-transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s;
  -webkit-transition: -webkit-transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s;
  -ms-transition: -ms-transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s;
  transition: transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s;
  -webkit-overflow-scrolling: touch;
  box-shadow: none;
  height: 100%;
  background-color: #444;
  color: #fff;
  padding: 3em 2em;
  position: fixed;
  right: 0;
  top: 0;
  width: 15em;
  visibility: hidden;
  z-index: 5;
  text-transform: uppercase; }
  #menu .close {
    text-decoration: none;
    border: 0;
    color: #bbb;
    cursor: pointer;
    display: block;
    height: 3.25em;
    line-height: 3.25em;
    padding-right: 1.25em;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
    vertical-align: middle;
    width: 7em; }
    #menu .close:before {
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      font-family: FontAwesome;
      font-style: normal;
      font-weight: normal;
      text-transform: none !important; }
    #menu .close:before {
      content: '\f00d';
      font-size: 1.25em; }
  #menu > ul {
    margin: 0 0 1em 0; }
    #menu > ul.links {
      list-style: none;
      padding: 0; }
      #menu > ul.links > li {
        padding: 0; }
        #menu > ul.links > li > a:not(.button) {
          border-top: solid 1px #bbb;
          color: inherit;
          display: block;
          line-height: 3.5em;
          text-decoration: none; }
        #menu > ul.links > li > .button {
          display: block;
          margin: 0.5em 0 0 0; }
        #menu > ul.links > li:first-child > a:not(.button) {
          border-top: 0 !important; }
  #menu .copyright {
    position: absolute;
    bottom: 6em; }
  #menu.visible {
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    box-shadow: 0 0 1.5em 0 rgba(0, 0, 0, 0.2);
    visibility: visible; }

#content {
  display: flex;
  font-size: 1.5vmin;
  flex-direction: column;
  justify-content: center;
  margin-top: 2em;
  margin-bottom: 6em; }
  #content .center_vertically {
    height: calc(100vh - 8em - 4em); }
  #content .inner {
    width: 60em;
    margin: auto; }
    @media screen and (max-width: 480px) {
      #content .inner {
        width: 80%; } }
  #content h1 {
    font-size: 250%;
    margin-bottom: 1em;
    text-transform: uppercase; }
    @media screen and (max-width: 480px) {
      #content h1 {
        font-size: 225%; } }
  #content h2 {
    font-size: 125%;
    margin-top: 2em;
    margin-bottom: .75em;
    font-weight: 400;
    text-transform: uppercase; }
  #content a {
    color: #b00; }
  @media screen and (max-width: 480px) {
    #content {
      font-size: 2.7vmin; } }

#note {
  margin-top: 2em; }

.podcast-index {
  list-style-type: none;
  margin-top: 3em;
  width: 85%;
  margin-left: auto;
  margin-right: auto;
  padding: 0; }
  .podcast-index .podcast-item {
    -moz-transition: opacity 1s ease-in-out;
    -webkit-transition: opacity 1s ease-in-out;
    -ms-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
    margin-bottom: 3.5em; }
  .podcast-index h2 {
    display: inline;
    margin-right: 1em; }
  .podcast-index audio {
    width: 90%; }

.quote-frame {
  width: 90%;
  display: table;
  margin-left: auto;
  margin-right: auto;
  margin-top: 4em;
  margin-bottom: 4em; }
  .quote-frame .picture-box {
    width: 25%;
    display: table-cell; }
    .quote-frame .picture-box img {
      width: 100%;
      border: 2px solid black; }
  .quote-frame .quote-box {
    width: 75%;
    display: table-cell;
    vertical-align: middle;
    padding: 0em;
    padding-left: 2em;
    font-style: italic; }
  .quote-frame .attribution {
    font-weight: bold;
    margin-top: 1em;
    font-style: normal; }

.opaque {
  opacity: 1; }

.transparent {
  opacity: 0; }

.hidden {
  display: none; }

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

.distributed-contents {
  display: flex;
  justify-content: space-evenly; }

.centered {
  margin-left: auto;
  margin-right: auto; }

.bordered {
  border: 2px solid black; }

.prominent-img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 85%; }

.h-spacing {
  margin-top: 2em;
  margin-bottom: .75em; }

.your-investment {
  margin-top: 3em;
  margin-bottom: 2em;
  font-weight: bold;
  font-size: 1.17em; }

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