html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after {
  content: "";
  content: none; }

q:before, q:after {
  content: "";
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

html, body {
  font-size: 16px; }

body {
  background: #fff;
  color: #4A4A4A;
  font-family: "Poppins", sans-serif;
  line-height: 1.5; }

a {
  color: #4A4A4A;
  transition: color 0.1s ease-out; }
  a:hover {
    color: #21A782; }

h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
  -webkit-font-smoothing: initial;
  line-height: 1.25;
  margin-top: 0;
  letter-spacing: .05rem; }

h1, .h1 {
  font-size: 6.25rem; }

h2, .h2 {
  font-size: 3.5rem; }

h3, .h3 {
  font-size: 1.625rem; }

h4, .h4 {
  font-size: 1rem; }

h5, .h5 {
  font-size: 0.88rem; }

h6, .h6 {
  font-size: 0.67rem; }

p {
  line-height: 1.625rem;
  letter-spacing: .015rem; }

.thin {
  font-weight: 200; }

.light {
  font-weight: 300; }

.normal {
  font-weight: 400; }

.semibold {
  font-weight: 600; }

.bold {
  font-weight: 700; }

.ultrabold {
  font-weight: 900; }

.bg-white {
  background: #fff; }

.bg-green {
  background: #21A782; }

.bg-blue {
  background: #183055; }

.bg-lightblue {
  background: #F2F7FF; }

.bg-black {
  background: #4A4A4A; }

.bg-gray {
  background: #9B9B9B; }

.bg-light-gray {
  background: #E2E2E2; }

.waves {
  background-position: top center; }
  .waves-gray {
    background-image: url("images/wave-gray.png"); }
  .waves-blue {
    background-image: url("images/wave-blue.png"); }
  .waves-light-blue {
    background-image: url("images/wave-light-blue.png"); }

.white {
  color: #fff; }

.green {
  color: #21A782; }

.blue {
  color: #183055; }

.lightblue {
  color: #F2F7FF; }

.black {
  color: #4A4A4A; }

.gray {
  color: #9B9B9B; }

.light-gray {
  color: #E2E2E2; }

.Container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  width: 100%;
  max-width: 1200px; }
  @media (max-width: 1299px) {
    .Container {
      max-width: 1000px; } }
  @media (max-width: 1000px) {
    .Container {
      max-width: 832px; } }
  @media (max-width: 832px) {
    .Container {
      max-width: 568px; } }
  @media (max-width: 568px) {
    .Container {
      max-width: 320px; } }

.SmallContainer {
  max-width: 600px; }

.col {
  float: left;
  box-sizing: border-box; }

.col1 {
  width: 8.3333333333%; }
  @media (max-width: 1000px) {
    .col1 {
      width: 100%; } }

.offset1 {
  margin-left: 8.3333333333%; }

.col2 {
  width: 16.6666666667%; }
  @media (max-width: 1000px) {
    .col2 {
      width: 100%; } }

.offset2 {
  margin-left: 16.6666666667%; }

.col3 {
  width: 25%; }
  @media (max-width: 1000px) {
    .col3 {
      width: 100%; } }

.offset3 {
  margin-left: 25%; }

.col4 {
  width: 33.3333333333%; }
  @media (max-width: 1000px) {
    .col4 {
      width: 100%; } }

.offset4 {
  margin-left: 33.3333333333%; }

.col5 {
  width: 41.6666666667%; }
  @media (max-width: 1000px) {
    .col5 {
      width: 100%; } }

.offset5 {
  margin-left: 41.6666666667%; }

.col6 {
  width: 50%; }
  @media (max-width: 1000px) {
    .col6 {
      width: 100%; } }

.offset6 {
  margin-left: 50%; }

.col7 {
  width: 58.3333333333%; }
  @media (max-width: 1000px) {
    .col7 {
      width: 100%; } }

.offset7 {
  margin-left: 58.3333333333%; }

.col8 {
  width: 66.6666666667%; }
  @media (max-width: 1000px) {
    .col8 {
      width: 100%; } }

.offset8 {
  margin-left: 66.6666666667%; }

.col9 {
  width: 75%; }
  @media (max-width: 1000px) {
    .col9 {
      width: 100%; } }

.offset9 {
  margin-left: 75%; }

.col10 {
  width: 83.3333333333%; }
  @media (max-width: 1000px) {
    .col10 {
      width: 100%; } }

.offset10 {
  margin-left: 83.3333333333%; }

.col11 {
  width: 91.6666666667%; }
  @media (max-width: 1000px) {
    .col11 {
      width: 100%; } }

.offset11 {
  margin-left: 91.6666666667%; }

.col12 {
  width: 100%; }
  @media (max-width: 1000px) {
    .col12 {
      width: 100%; } }

.offset12 {
  margin-left: 100%; }

@media (min-width: 40rem) {
  .sm-col1 {
    width: 8.3333333333%; }

  .sm-offset1 {
    margin-left: 8.3333333333%; }

  .sm-col2 {
    width: 16.6666666667%; }

  .sm-offset2 {
    margin-left: 16.6666666667%; }

  .sm-col3 {
    width: 25%; }

  .sm-offset3 {
    margin-left: 25%; }

  .sm-col4 {
    width: 33.3333333333%; }

  .sm-offset4 {
    margin-left: 33.3333333333%; }

  .sm-col5 {
    width: 41.6666666667%; }

  .sm-offset5 {
    margin-left: 41.6666666667%; }

  .sm-col6 {
    width: 50%; }

  .sm-offset6 {
    margin-left: 50%; }

  .sm-col7 {
    width: 58.3333333333%; }

  .sm-offset7 {
    margin-left: 58.3333333333%; }

  .sm-col8 {
    width: 66.6666666667%; }

  .sm-offset8 {
    margin-left: 66.6666666667%; }

  .sm-col9 {
    width: 75%; }

  .sm-offset9 {
    margin-left: 75%; }

  .sm-col10 {
    width: 83.3333333333%; }

  .sm-offset10 {
    margin-left: 83.3333333333%; }

  .sm-col11 {
    width: 91.6666666667%; }

  .sm-offset11 {
    margin-left: 91.6666666667%; }

  .sm-col12 {
    width: 100%; }

  .sm-offset12 {
    margin-left: 100%; } }
@media (min-width: 52rem) {
  .md-col1 {
    width: 8.3333333333%; }

  .md-offset1 {
    margin-left: 8.3333333333%; }

  .md-col2 {
    width: 16.6666666667%; }

  .md-offset2 {
    margin-left: 16.6666666667%; }

  .md-col3 {
    width: 25%; }

  .md-offset3 {
    margin-left: 25%; }

  .md-col4 {
    width: 33.3333333333%; }

  .md-offset4 {
    margin-left: 33.3333333333%; }

  .md-col5 {
    width: 41.6666666667%; }

  .md-offset5 {
    margin-left: 41.6666666667%; }

  .md-col6 {
    width: 50%; }

  .md-offset6 {
    margin-left: 50%; }

  .md-col7 {
    width: 58.3333333333%; }

  .md-offset7 {
    margin-left: 58.3333333333%; }

  .md-col8 {
    width: 66.6666666667%; }

  .md-offset8 {
    margin-left: 66.6666666667%; }

  .md-col9 {
    width: 75%; }

  .md-offset9 {
    margin-left: 75%; }

  .md-col10 {
    width: 83.3333333333%; }

  .md-offset10 {
    margin-left: 83.3333333333%; }

  .md-col11 {
    width: 91.6666666667%; }

  .md-offset11 {
    margin-left: 91.6666666667%; }

  .md-col12 {
    width: 100%; }

  .md-offset12 {
    margin-left: 100%; } }
@media (min-width: 86rem) {
  .lg-col1 {
    width: 8.3333333333%; }

  .lg-offset1 {
    margin-left: 8.3333333333%; }

  .lg-col2 {
    width: 16.6666666667%; }

  .lg-offset2 {
    margin-left: 16.6666666667%; }

  .lg-col3 {
    width: 25%; }

  .lg-offset3 {
    margin-left: 25%; }

  .lg-col4 {
    width: 33.3333333333%; }

  .lg-offset4 {
    margin-left: 33.3333333333%; }

  .lg-col5 {
    width: 41.6666666667%; }

  .lg-offset5 {
    margin-left: 41.6666666667%; }

  .lg-col6 {
    width: 50%; }

  .lg-offset6 {
    margin-left: 50%; }

  .lg-col7 {
    width: 58.3333333333%; }

  .lg-offset7 {
    margin-left: 58.3333333333%; }

  .lg-col8 {
    width: 66.6666666667%; }

  .lg-offset8 {
    margin-left: 66.6666666667%; }

  .lg-col9 {
    width: 75%; }

  .lg-offset9 {
    margin-left: 75%; }

  .lg-col10 {
    width: 83.3333333333%; }

  .lg-offset10 {
    margin-left: 83.3333333333%; }

  .lg-col11 {
    width: 91.6666666667%; }

  .lg-offset11 {
    margin-left: 91.6666666667%; }

  .lg-col12 {
    width: 100%; }

  .lg-offset12 {
    margin-left: 100%; } }
.grid-container {
  display: flex;
  flex-wrap: wrap;
  margin-left: -16px;
  margin-right: -16px; }

.grid-col {
  display: block;
  position: relative;
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 1;
  flex-direction: column;
  margin-left: 16px;
  margin-right: 16px; }

.left {
  float: left; }

.right {
  float: right; }

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table; }

.clearfix:after {
  clear: both; }

.clearfix {
  *zoom: 1; }

.relative {
  position: relative; }

.absolute {
  position: absolute; }

.r0 {
  right: 0; }

.t0 {
  top: 0; }

.m1 {
  margin: 8px; }

.mt1 {
  margin-top: 8px; }

.mr1 {
  margin-right: 8px; }

.mb1 {
  margin-bottom: 8px; }

.ml1 {
  margin-left: 8px; }

.mx1 {
  margin-left: 8px;
  margin-right: 8px; }

.my1 {
  margin-top: 8px;
  margin-bottom: 8px; }

.m2 {
  margin: 16px; }

.mt2 {
  margin-top: 16px; }

.mr2 {
  margin-right: 16px; }

.mb2 {
  margin-bottom: 16px; }

.ml2 {
  margin-left: 16px; }

.mx2 {
  margin-left: 16px;
  margin-right: 16px; }

.my2 {
  margin-top: 16px;
  margin-bottom: 16px; }

.m3 {
  margin: 24px; }

.mt3 {
  margin-top: 24px; }

.mr3 {
  margin-right: 24px; }

.mb3 {
  margin-bottom: 24px; }

.ml3 {
  margin-left: 24px; }

.mx3 {
  margin-left: 24px;
  margin-right: 24px; }

.my3 {
  margin-top: 24px;
  margin-bottom: 24px; }

.m4 {
  margin: 32px; }

.mt4 {
  margin-top: 32px; }

.mr4 {
  margin-right: 32px; }

.mb4 {
  margin-bottom: 32px; }

.ml4, .bio ul {
  margin-left: 32px; }

.mx4 {
  margin-left: 32px;
  margin-right: 32px; }

.my4 {
  margin-top: 32px;
  margin-bottom: 32px; }

.m5 {
  margin: 40px; }

.mt5 {
  margin-top: 40px; }

.mr5 {
  margin-right: 40px; }

.mb5 {
  margin-bottom: 40px; }

.ml5 {
  margin-left: 40px; }

.mx5 {
  margin-left: 40px;
  margin-right: 40px; }

.my5 {
  margin-top: 40px;
  margin-bottom: 40px; }

.m6 {
  margin: 48px; }

.mt6 {
  margin-top: 48px; }

.mr6 {
  margin-right: 48px; }

.mb6 {
  margin-bottom: 48px; }

.ml6 {
  margin-left: 48px; }

.mx6 {
  margin-left: 48px;
  margin-right: 48px; }

.my6 {
  margin-top: 48px;
  margin-bottom: 48px; }

.m7 {
  margin: 56px; }

.mt7 {
  margin-top: 56px; }

.mr7 {
  margin-right: 56px; }

.mb7 {
  margin-bottom: 56px; }

.ml7 {
  margin-left: 56px; }

.mx7 {
  margin-left: 56px;
  margin-right: 56px; }

.my7 {
  margin-top: 56px;
  margin-bottom: 56px; }

.m8 {
  margin: 64px; }

.mt8 {
  margin-top: 64px; }

.mr8 {
  margin-right: 64px; }

.mb8 {
  margin-bottom: 64px; }

.ml8 {
  margin-left: 64px; }

.mx8 {
  margin-left: 64px;
  margin-right: 64px; }

.my8 {
  margin-top: 64px;
  margin-bottom: 64px; }

.m9 {
  margin: 72px; }

.mt9 {
  margin-top: 72px; }

.mr9 {
  margin-right: 72px; }

.mb9 {
  margin-bottom: 72px; }

.ml9 {
  margin-left: 72px; }

.mx9 {
  margin-left: 72px;
  margin-right: 72px; }

.my9 {
  margin-top: 72px;
  margin-bottom: 72px; }

.m10 {
  margin: 80px; }

.mt10 {
  margin-top: 80px; }

.mr10 {
  margin-right: 80px; }

.mb10 {
  margin-bottom: 80px; }

.ml10 {
  margin-left: 80px; }

.mx10 {
  margin-left: 80px;
  margin-right: 80px; }

.my10 {
  margin-top: 80px;
  margin-bottom: 80px; }

@media (min-width: 40rem) {
  .sm-m1 {
    margin: 8px; }

  .sm-mt1 {
    margin-top: 8px; }

  .sm-mr1 {
    margin-right: 8px; }

  .sm-mb1 {
    margin-bottom: 8px; }

  .sm-ml1 {
    margin-left: 8px; }

  .sm-mx1 {
    margin-left: 8px;
    margin-right: 8px; }

  .sm-my1 {
    margin-top: 8px;
    margin-bottom: 8px; }

  .sm-m2 {
    margin: 16px; }

  .sm-mt2 {
    margin-top: 16px; }

  .sm-mr2 {
    margin-right: 16px; }

  .sm-mb2 {
    margin-bottom: 16px; }

  .sm-ml2 {
    margin-left: 16px; }

  .sm-mx2 {
    margin-left: 16px;
    margin-right: 16px; }

  .sm-my2 {
    margin-top: 16px;
    margin-bottom: 16px; }

  .sm-m3 {
    margin: 24px; }

  .sm-mt3 {
    margin-top: 24px; }

  .sm-mr3 {
    margin-right: 24px; }

  .sm-mb3 {
    margin-bottom: 24px; }

  .sm-ml3 {
    margin-left: 24px; }

  .sm-mx3 {
    margin-left: 24px;
    margin-right: 24px; }

  .sm-my3 {
    margin-top: 24px;
    margin-bottom: 24px; }

  .sm-m4 {
    margin: 32px; }

  .sm-mt4 {
    margin-top: 32px; }

  .sm-mr4 {
    margin-right: 32px; }

  .sm-mb4 {
    margin-bottom: 32px; }

  .sm-ml4 {
    margin-left: 32px; }

  .sm-mx4 {
    margin-left: 32px;
    margin-right: 32px; }

  .sm-my4 {
    margin-top: 32px;
    margin-bottom: 32px; }

  .sm-m5 {
    margin: 40px; }

  .sm-mt5 {
    margin-top: 40px; }

  .sm-mr5 {
    margin-right: 40px; }

  .sm-mb5 {
    margin-bottom: 40px; }

  .sm-ml5 {
    margin-left: 40px; }

  .sm-mx5 {
    margin-left: 40px;
    margin-right: 40px; }

  .sm-my5 {
    margin-top: 40px;
    margin-bottom: 40px; }

  .sm-m6 {
    margin: 48px; }

  .sm-mt6 {
    margin-top: 48px; }

  .sm-mr6 {
    margin-right: 48px; }

  .sm-mb6 {
    margin-bottom: 48px; }

  .sm-ml6 {
    margin-left: 48px; }

  .sm-mx6 {
    margin-left: 48px;
    margin-right: 48px; }

  .sm-my6 {
    margin-top: 48px;
    margin-bottom: 48px; }

  .sm-m7 {
    margin: 56px; }

  .sm-mt7 {
    margin-top: 56px; }

  .sm-mr7 {
    margin-right: 56px; }

  .sm-mb7 {
    margin-bottom: 56px; }

  .sm-ml7 {
    margin-left: 56px; }

  .sm-mx7 {
    margin-left: 56px;
    margin-right: 56px; }

  .sm-my7 {
    margin-top: 56px;
    margin-bottom: 56px; }

  .sm-m8 {
    margin: 64px; }

  .sm-mt8 {
    margin-top: 64px; }

  .sm-mr8 {
    margin-right: 64px; }

  .sm-mb8 {
    margin-bottom: 64px; }

  .sm-ml8 {
    margin-left: 64px; }

  .sm-mx8 {
    margin-left: 64px;
    margin-right: 64px; }

  .sm-my8 {
    margin-top: 64px;
    margin-bottom: 64px; }

  .sm-m9 {
    margin: 72px; }

  .sm-mt9 {
    margin-top: 72px; }

  .sm-mr9 {
    margin-right: 72px; }

  .sm-mb9 {
    margin-bottom: 72px; }

  .sm-ml9 {
    margin-left: 72px; }

  .sm-mx9 {
    margin-left: 72px;
    margin-right: 72px; }

  .sm-my9 {
    margin-top: 72px;
    margin-bottom: 72px; }

  .sm-m10 {
    margin: 80px; }

  .sm-mt10 {
    margin-top: 80px; }

  .sm-mr10 {
    margin-right: 80px; }

  .sm-mb10 {
    margin-bottom: 80px; }

  .sm-ml10 {
    margin-left: 80px; }

  .sm-mx10 {
    margin-left: 80px;
    margin-right: 80px; }

  .sm-my10 {
    margin-top: 80px;
    margin-bottom: 80px; } }
@media (min-width: 52rem) {
  .md-m1 {
    margin: 8px; }

  .md-mt1 {
    margin-top: 8px; }

  .md-mr1 {
    margin-right: 8px; }

  .md-mb1 {
    margin-bottom: 8px; }

  .md-ml1 {
    margin-left: 8px; }

  .md-mx1 {
    margin-left: 8px;
    margin-right: 8px; }

  .md-my1 {
    margin-top: 8px;
    margin-bottom: 8px; }

  .md-m2 {
    margin: 16px; }

  .md-mt2 {
    margin-top: 16px; }

  .md-mr2 {
    margin-right: 16px; }

  .md-mb2 {
    margin-bottom: 16px; }

  .md-ml2 {
    margin-left: 16px; }

  .md-mx2 {
    margin-left: 16px;
    margin-right: 16px; }

  .md-my2 {
    margin-top: 16px;
    margin-bottom: 16px; }

  .md-m3 {
    margin: 24px; }

  .md-mt3 {
    margin-top: 24px; }

  .md-mr3 {
    margin-right: 24px; }

  .md-mb3 {
    margin-bottom: 24px; }

  .md-ml3 {
    margin-left: 24px; }

  .md-mx3 {
    margin-left: 24px;
    margin-right: 24px; }

  .md-my3 {
    margin-top: 24px;
    margin-bottom: 24px; }

  .md-m4 {
    margin: 32px; }

  .md-mt4 {
    margin-top: 32px; }

  .md-mr4 {
    margin-right: 32px; }

  .md-mb4 {
    margin-bottom: 32px; }

  .md-ml4 {
    margin-left: 32px; }

  .md-mx4 {
    margin-left: 32px;
    margin-right: 32px; }

  .md-my4 {
    margin-top: 32px;
    margin-bottom: 32px; }

  .md-m5 {
    margin: 40px; }

  .md-mt5 {
    margin-top: 40px; }

  .md-mr5 {
    margin-right: 40px; }

  .md-mb5 {
    margin-bottom: 40px; }

  .md-ml5 {
    margin-left: 40px; }

  .md-mx5 {
    margin-left: 40px;
    margin-right: 40px; }

  .md-my5 {
    margin-top: 40px;
    margin-bottom: 40px; }

  .md-m6 {
    margin: 48px; }

  .md-mt6 {
    margin-top: 48px; }

  .md-mr6 {
    margin-right: 48px; }

  .md-mb6 {
    margin-bottom: 48px; }

  .md-ml6 {
    margin-left: 48px; }

  .md-mx6 {
    margin-left: 48px;
    margin-right: 48px; }

  .md-my6 {
    margin-top: 48px;
    margin-bottom: 48px; }

  .md-m7 {
    margin: 56px; }

  .md-mt7 {
    margin-top: 56px; }

  .md-mr7 {
    margin-right: 56px; }

  .md-mb7 {
    margin-bottom: 56px; }

  .md-ml7 {
    margin-left: 56px; }

  .md-mx7 {
    margin-left: 56px;
    margin-right: 56px; }

  .md-my7 {
    margin-top: 56px;
    margin-bottom: 56px; }

  .md-m8 {
    margin: 64px; }

  .md-mt8 {
    margin-top: 64px; }

  .md-mr8 {
    margin-right: 64px; }

  .md-mb8 {
    margin-bottom: 64px; }

  .md-ml8 {
    margin-left: 64px; }

  .md-mx8 {
    margin-left: 64px;
    margin-right: 64px; }

  .md-my8 {
    margin-top: 64px;
    margin-bottom: 64px; }

  .md-m9 {
    margin: 72px; }

  .md-mt9 {
    margin-top: 72px; }

  .md-mr9 {
    margin-right: 72px; }

  .md-mb9 {
    margin-bottom: 72px; }

  .md-ml9 {
    margin-left: 72px; }

  .md-mx9 {
    margin-left: 72px;
    margin-right: 72px; }

  .md-my9 {
    margin-top: 72px;
    margin-bottom: 72px; }

  .md-m10 {
    margin: 80px; }

  .md-mt10 {
    margin-top: 80px; }

  .md-mr10 {
    margin-right: 80px; }

  .md-mb10 {
    margin-bottom: 80px; }

  .md-ml10 {
    margin-left: 80px; }

  .md-mx10 {
    margin-left: 80px;
    margin-right: 80px; }

  .md-my10 {
    margin-top: 80px;
    margin-bottom: 80px; } }
@media (min-width: 86rem) {
  .lg-m1 {
    margin: 8px; }

  .lg-mt1 {
    margin-top: 8px; }

  .lg-mr1 {
    margin-right: 8px; }

  .lg-mb1 {
    margin-bottom: 8px; }

  .lg-ml1 {
    margin-left: 8px; }

  .lg-mx1 {
    margin-left: 8px;
    margin-right: 8px; }

  .lg-my1 {
    margin-top: 8px;
    margin-bottom: 8px; }

  .lg-m2 {
    margin: 16px; }

  .lg-mt2 {
    margin-top: 16px; }

  .lg-mr2 {
    margin-right: 16px; }

  .lg-mb2 {
    margin-bottom: 16px; }

  .lg-ml2 {
    margin-left: 16px; }

  .lg-mx2 {
    margin-left: 16px;
    margin-right: 16px; }

  .lg-my2 {
    margin-top: 16px;
    margin-bottom: 16px; }

  .lg-m3 {
    margin: 24px; }

  .lg-mt3 {
    margin-top: 24px; }

  .lg-mr3 {
    margin-right: 24px; }

  .lg-mb3 {
    margin-bottom: 24px; }

  .lg-ml3 {
    margin-left: 24px; }

  .lg-mx3 {
    margin-left: 24px;
    margin-right: 24px; }

  .lg-my3 {
    margin-top: 24px;
    margin-bottom: 24px; }

  .lg-m4 {
    margin: 32px; }

  .lg-mt4 {
    margin-top: 32px; }

  .lg-mr4 {
    margin-right: 32px; }

  .lg-mb4 {
    margin-bottom: 32px; }

  .lg-ml4 {
    margin-left: 32px; }

  .lg-mx4 {
    margin-left: 32px;
    margin-right: 32px; }

  .lg-my4 {
    margin-top: 32px;
    margin-bottom: 32px; }

  .lg-m5 {
    margin: 40px; }

  .lg-mt5 {
    margin-top: 40px; }

  .lg-mr5 {
    margin-right: 40px; }

  .lg-mb5 {
    margin-bottom: 40px; }

  .lg-ml5 {
    margin-left: 40px; }

  .lg-mx5 {
    margin-left: 40px;
    margin-right: 40px; }

  .lg-my5 {
    margin-top: 40px;
    margin-bottom: 40px; }

  .lg-m6 {
    margin: 48px; }

  .lg-mt6 {
    margin-top: 48px; }

  .lg-mr6 {
    margin-right: 48px; }

  .lg-mb6 {
    margin-bottom: 48px; }

  .lg-ml6 {
    margin-left: 48px; }

  .lg-mx6 {
    margin-left: 48px;
    margin-right: 48px; }

  .lg-my6 {
    margin-top: 48px;
    margin-bottom: 48px; }

  .lg-m7 {
    margin: 56px; }

  .lg-mt7 {
    margin-top: 56px; }

  .lg-mr7 {
    margin-right: 56px; }

  .lg-mb7 {
    margin-bottom: 56px; }

  .lg-ml7 {
    margin-left: 56px; }

  .lg-mx7 {
    margin-left: 56px;
    margin-right: 56px; }

  .lg-my7 {
    margin-top: 56px;
    margin-bottom: 56px; }

  .lg-m8 {
    margin: 64px; }

  .lg-mt8 {
    margin-top: 64px; }

  .lg-mr8 {
    margin-right: 64px; }

  .lg-mb8 {
    margin-bottom: 64px; }

  .lg-ml8 {
    margin-left: 64px; }

  .lg-mx8 {
    margin-left: 64px;
    margin-right: 64px; }

  .lg-my8 {
    margin-top: 64px;
    margin-bottom: 64px; }

  .lg-m9 {
    margin: 72px; }

  .lg-mt9 {
    margin-top: 72px; }

  .lg-mr9 {
    margin-right: 72px; }

  .lg-mb9 {
    margin-bottom: 72px; }

  .lg-ml9 {
    margin-left: 72px; }

  .lg-mx9 {
    margin-left: 72px;
    margin-right: 72px; }

  .lg-my9 {
    margin-top: 72px;
    margin-bottom: 72px; }

  .lg-m10 {
    margin: 80px; }

  .lg-mt10 {
    margin-top: 80px; }

  .lg-mr10 {
    margin-right: 80px; }

  .lg-mb10 {
    margin-bottom: 80px; }

  .lg-ml10 {
    margin-left: 80px; }

  .lg-mx10 {
    margin-left: 80px;
    margin-right: 80px; }

  .lg-my10 {
    margin-top: 80px;
    margin-bottom: 80px; } }
.mxauto {
  margin-left: auto;
  margin-right: auto; }

.mt0 {
  margin-top: 0; }

.mr0 {
  margin-right: 0; }

.mb0 {
  margin-bottom: 0; }

.ml0 {
  margin-left: 0; }

@media (min-width: 40rem) {
  .sm-mt0 {
    margin-top: 0; }

  .sm-mr0 {
    margin-right: 0; }

  .sm-mb0 {
    margin-bottom: 0; }

  .sm-ml0 {
    margin-left: 0; } }
@media (min-width: 52rem) {
  .md-mt0 {
    margin-top: 0; }

  .md-mr0 {
    margin-right: 0; }

  .md-mb0 {
    margin-bottom: 0; }

  .md-ml0 {
    margin-left: 0; } }
@media (min-width: 86rem) {
  .lg-mt0 {
    margin-top: 0; }

  .lg-mr0 {
    margin-right: 0; }

  .lg-mb0 {
    margin-bottom: 0; }

  .lg-ml0 {
    margin-left: 0; } }
.m0\.5 {
  margin: 4px; }

.mt0\.5 {
  margin-top: 4px; }

.mr0\.5 {
  margin-right: 4px; }

.mb0\.5 {
  margin-bottom: 4px; }

.ml0\.5 {
  margin-left: 4px; }

.mx0\.5 {
  margin-left: 4px;
  margin-right: 4px; }

.my0\.5 {
  margin-top: 4px;
  margin-bottom: 4px; }

.m1\.5 {
  margin: 12px; }

.mt1\.5 {
  margin-top: 12px; }

.mr1\.5 {
  margin-right: 12px; }

.mb1\.5 {
  margin-bottom: 12px; }

.ml1\.5 {
  margin-left: 12px; }

.mx1\.5 {
  margin-left: 12px;
  margin-right: 12px; }

.my1\.5 {
  margin-top: 12px;
  margin-bottom: 12px; }

.m2\.5 {
  margin: 20px; }

.mt2\.5 {
  margin-top: 20px; }

.mr2\.5 {
  margin-right: 20px; }

.mb2\.5 {
  margin-bottom: 20px; }

.ml2\.5 {
  margin-left: 20px; }

.mx2\.5 {
  margin-left: 20px;
  margin-right: 20px; }

.my2\.5 {
  margin-top: 20px;
  margin-bottom: 20px; }

.m3\.5 {
  margin: 28px; }

.mt3\.5 {
  margin-top: 28px; }

.mr3\.5 {
  margin-right: 28px; }

.mb3\.5 {
  margin-bottom: 28px; }

.ml3\.5 {
  margin-left: 28px; }

.mx3\.5 {
  margin-left: 28px;
  margin-right: 28px; }

.my3\.5 {
  margin-top: 28px;
  margin-bottom: 28px; }

.m4\.5 {
  margin: 36px; }

.mt4\.5 {
  margin-top: 36px; }

.mr4\.5 {
  margin-right: 36px; }

.mb4\.5 {
  margin-bottom: 36px; }

.ml4\.5 {
  margin-left: 36px; }

.mx4\.5 {
  margin-left: 36px;
  margin-right: 36px; }

.my4\.5 {
  margin-top: 36px;
  margin-bottom: 36px; }

.m5\.5 {
  margin: 44px; }

.mt5\.5 {
  margin-top: 44px; }

.mr5\.5 {
  margin-right: 44px; }

.mb5\.5 {
  margin-bottom: 44px; }

.ml5\.5 {
  margin-left: 44px; }

.mx5\.5 {
  margin-left: 44px;
  margin-right: 44px; }

.my5\.5 {
  margin-top: 44px;
  margin-bottom: 44px; }

.mlauto {
  margin-left: auto; }

.p1 {
  padding: 8px; }

.pt1 {
  padding-top: 8px; }

.pr1 {
  padding-right: 8px; }

.pb1 {
  padding-bottom: 8px; }

.pl1 {
  padding-left: 8px; }

.py1 {
  padding-top: 8px;
  padding-bottom: 8px; }

.px1 {
  padding-left: 8px;
  padding-right: 8px; }

.p2 {
  padding: 16px; }

.pt2 {
  padding-top: 16px; }

.pr2 {
  padding-right: 16px; }

.pb2 {
  padding-bottom: 16px; }

.pl2 {
  padding-left: 16px; }

.py2 {
  padding-top: 16px;
  padding-bottom: 16px; }

.px2 {
  padding-left: 16px;
  padding-right: 16px; }

.p3 {
  padding: 24px; }

.pt3 {
  padding-top: 24px; }

.pr3 {
  padding-right: 24px; }

.pb3, .bio p, .bio ul li, .investment p {
  padding-bottom: 24px; }

.pl3 {
  padding-left: 24px; }

.py3 {
  padding-top: 24px;
  padding-bottom: 24px; }

.px3 {
  padding-left: 24px;
  padding-right: 24px; }

.p4 {
  padding: 32px; }

.pt4 {
  padding-top: 32px; }

.pr4 {
  padding-right: 32px; }

.pb4 {
  padding-bottom: 32px; }

.pl4 {
  padding-left: 32px; }

.py4 {
  padding-top: 32px;
  padding-bottom: 32px; }

.px4 {
  padding-left: 32px;
  padding-right: 32px; }

.p5 {
  padding: 40px; }

.pt5 {
  padding-top: 40px; }

.pr5 {
  padding-right: 40px; }

.pb5 {
  padding-bottom: 40px; }

.pl5 {
  padding-left: 40px; }

.py5 {
  padding-top: 40px;
  padding-bottom: 40px; }

.px5 {
  padding-left: 40px;
  padding-right: 40px; }

.p6 {
  padding: 48px; }

.pt6 {
  padding-top: 48px; }

.pr6 {
  padding-right: 48px; }

.pb6 {
  padding-bottom: 48px; }

.pl6 {
  padding-left: 48px; }

.py6 {
  padding-top: 48px;
  padding-bottom: 48px; }

.px6 {
  padding-left: 48px;
  padding-right: 48px; }

.p7 {
  padding: 56px; }

.pt7 {
  padding-top: 56px; }

.pr7 {
  padding-right: 56px; }

.pb7 {
  padding-bottom: 56px; }

.pl7 {
  padding-left: 56px; }

.py7 {
  padding-top: 56px;
  padding-bottom: 56px; }

.px7 {
  padding-left: 56px;
  padding-right: 56px; }

.p8 {
  padding: 64px; }

.pt8 {
  padding-top: 64px; }

.pr8 {
  padding-right: 64px; }

.pb8 {
  padding-bottom: 64px; }

.pl8 {
  padding-left: 64px; }

.py8 {
  padding-top: 64px;
  padding-bottom: 64px; }

.px8 {
  padding-left: 64px;
  padding-right: 64px; }

.p9 {
  padding: 72px; }

.pt9 {
  padding-top: 72px; }

.pr9 {
  padding-right: 72px; }

.pb9 {
  padding-bottom: 72px; }

.pl9 {
  padding-left: 72px; }

.py9 {
  padding-top: 72px;
  padding-bottom: 72px; }

.px9 {
  padding-left: 72px;
  padding-right: 72px; }

.p10 {
  padding: 80px; }

.pt10 {
  padding-top: 80px; }

.pr10 {
  padding-right: 80px; }

.pb10 {
  padding-bottom: 80px; }

.pl10 {
  padding-left: 80px; }

.py10 {
  padding-top: 80px;
  padding-bottom: 80px; }

.px10 {
  padding-left: 80px;
  padding-right: 80px; }

.border-top {
  border-top: 1px solid #fff; }

.border-right {
  border-right: 1px solid #fff; }

.border-bottom {
  border-bottom: 1px solid #fff; }

.border-left {
  border-left: 1px solid #fff; }

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

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

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

.text-no-underline {
  text-decoration: none; }

.text-capitalize {
  text-transform: capitalize; }

.text-uppercase {
  text-transform: uppercase; }

.italic {
  font-style: italic; }

.archivo {
  font-family: 'Archivo', sans-serif; }

.huge-title {
  font-size: 2.25rem;
  line-height: 2rem; }
  @media (min-width: 40rem) {
    .huge-title {
      font-size: 4.25rem;
      line-height: 3.5rem; } }
  @media (min-width: 52rem) {
    .huge-title {
      font-size: 5.25rem;
      line-height: 4.5rem; } }
  @media (min-width: 86rem) {
    .huge-title {
      font-size: 6.25rem;
      line-height: 5.5rem; } }

.title {
  font-size: 2.5rem;
  line-height: 2.125rem; }
  @media (min-width: 52rem) {
    .title {
      font-size: 3.5rem;
      line-height: 3.125rem; } }

.lead {
  font-size: 1.25rem;
  letter-spacing: .03rem;
  line-height: 1.875rem; }

strong {
  font-weight: 700; }

.flex {
  display: flex !important; }

.flex-row {
  display: flex !important;
  flex-direction: row;
  align-items: center; }

.justify-center {
  justify-content: center; }

.justify-end {
  justify-content: end; }

.justify-space-between {
  justify-content: space-between; }

.align-stretch {
  align-items: stretch; }

.fill-white {
  fill: #fff; }

.fill-green {
  fill: #21A782; }

.fill-blue {
  fill: #183055; }

.fill-lightblue {
  fill: #F2F7FF; }

.fill-black {
  fill: #4A4A4A; }

.fill-gray {
  fill: #9B9B9B; }

.fill-light-gray {
  fill: #E2E2E2; }

.ChromeHeader {
  border-top: 2px solid #21A782;
  font-size: 1.125rem; }

.ChromeHeader a {
  color: #9B9B9B;
  text-decoration: none; }
  .ChromeHeader a:hover {
    color: #21A782; }

.Logo {
  background-image: url("images/tech-fund-logo.svg");
  display: block;
  height: 37px;
  text-indent: -9999px;
  width: 217px; }

#topBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 99;
  border: none;
  outline: none;
  background-color: #21A782;
  color: white;
  cursor: pointer;
  padding: 15px 20px;
  font-size: 14px;
  -webkit-transition: background-color 0.2s ease-out;
  -moz-transition: background-color 0.2s ease-out;
  -o-transition: background-color 0.2s ease-out;
  transition: background-color 0.2s ease-out; }

#topBtn:hover {
  background-color: #F2F7FF;
  /* Add a dark-grey background on hover */
  color: #4A4A4A; }

nav {
  position: absolute;
  top: -100%;
  z-index: 20;
  border-top: 1px solid #F2F7FF; }
  @media (min-width: 52rem) {
    nav {
      position: relative;
      border-top: 0; } }

.Header-MobileTrigger {
  color: #9B9B9B;
  cursor: pointer;
  z-index: 50;
  display: block;
  padding: 4px 8px; }
  @media (min-width: 52rem) {
    .Header-MobileTrigger {
      display: none; } }

.is-showing-menu nav {
  background: #fff;
  width: 100%;
  left: 0;
  top: 0;
  text-align: center;
  margin-top: 87px; }
  .is-showing-menu nav a {
    padding: 16px 0;
    border-top: 1px solid #F2F7FF;
    margin-left: 0;
    width: 100%;
    display: block; }

.Button, .PrimaryButton {
  border: none;
  cursor: pointer;
  display: inline-block;
  padding: 9.6px 32px;
  text-decoration: none;
  min-width: 240px;
  font-size: 1.25rem;
  -webkit-transition: background-color 0.2s ease-out;
  -moz-transition: background-color 0.2s ease-out;
  -o-transition: background-color 0.2s ease-out;
  transition: background-color 0.2s ease-out; }
  .Button:hover, .PrimaryButton:hover {
    text-decoration: none; }
  .Button:disabled, .PrimaryButton:disabled {
    opacity: 0.2;
    cursor: default; }

.PrimaryButton {
  background: #21A782; }
  .PrimaryButton:hover {
    background-color: #183055; }

#hero {
  background-image: url("images/hero-bg.jpg");
  background-size: cover;
  background-position: bottom center;
  position: relative;
  height: 400px; }
  @media (min-width: 52rem) {
    #hero {
      height: 700px; } }
  #hero:before {
    content: "";
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1; }
  #hero .Container {
    z-index: 10; }
    #hero .Container img {
      width: 30px; }
      @media (min-width: 52rem) {
        #hero .Container img {
          width: 40px; } }
      @media (min-width: 86rem) {
        #hero .Container img {
          width: auto; } }

section:focus {
  outline: none; }

#ethos img {
  width: 290px; }

#sail-bg {
  background-image: url("images/sail-1.png");
  background-size: cover;
  background-position: bottom center; }
  @media (max-width: 800px) {
    #sail-bg {
      background-position: center;
      height: 250px; } }

@media (max-width: 800px) {
  #focus .flex {
    display: block !important; } }

@media (max-width: 1000px) {
  #track-record .col6.pr2 {
    padding-right: 0;
    padding-bottom: 24px; } }
@media (max-width: 1000px) {
  #track-record .col6.pl2 {
    padding-left: 0; } }
@media (max-width: 1000px) {
  #track-record .col4 {
    margin-top: 24px; } }
@media (max-width: 1000px) {
  #track-record .col4 h3 {
    width: 48%;
    padding-right: 2%;
    float: left;
    margin-top: 8px;
    margin-bottom: 8px; } }
@media (max-width: 500px) {
  #track-record .col4 h3 {
    font-size: 1.25rem; } }
@media (max-width: 1000px) {
  #track-record .col4 .border-left {
    float: left; } }

#experience {
  background-image: url("images/sail.png");
  background-size: cover;
  background-position: bottom center; }

#team ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }
  #team ul li {
    margin: 0 8px 32px 8px;
    text-align: center; }
    #team ul li a {
      text-decoration: none;
      -webkit-transition: color 0.1s ease-out;
      -moz-transition: color 0.1s ease-out;
      -o-transition: color 0.1s ease-out;
      transition: color 0.1s ease-out; }
      #team ul li a div {
        border-radius: 50%;
        overflow: hidden;
        width: 160px;
        height: 160px;
        border: 5px solid #fff;
        background: #21A782;
        overflow: hidden;
        margin-bottom: 8px;
        -webkit-transition: border-color 0.1s ease-out;
        -moz-transition: border-color 0.1s ease-out;
        -o-transition: border-color 0.1s ease-out;
        transition: border-color 0.1s ease-out; }
        #team ul li a div img {
          max-width: 100%;
          -webkit-transition: opacity 0.1s ease-out;
          -moz-transition: opacity 0.1s ease-out;
          -o-transition: opacity 0.1s ease-out;
          transition: opacity 0.1s ease-out; }
      #team ul li a:hover {
        color: #21A782; }
        #team ul li a:hover div {
          border-color: #21A782; }
          #team ul li a:hover div img {
            opacity: .75; }
@media (max-width: 1000px) {
  #team {
    margin-top: 24px; } }
@media (max-width: 830px) {
  #team {
    padding-left: 0; } }

#portfolio .portfolio-logos {
  position: relative;
  /*    #clean-energy{
        width: 61%;
        float: left;
        margin-right: -22%;
        div{
          border: 1px solid $green;
          @media (max-width: 1299px){
            padding: $unit * 2;
          }
        }
      }
      #info-tech{
        width: 61%;
        float: right;
        text-align: right;
        div{
          border: 1px solid $blue;
          @media (max-width: 1299px){
            padding: $unit * 2;
          }
        }
      }
      #clean-tech{
        position: absolute;
        left: 39%;
        width: 22%;
        text-align: center;
      }
      a{
        display: block;
        text-decoration: none;
        margin-bottom: $unit * 2;
        @media (max-width: 1299px){
          padding: $unit;
        }
      }
      img{
        @media (max-width: 1299px){
          max-width: 100%;
        }
      }
      #clean-energy,
      #info-tech,
      #clean-tech{
        @media (max-width: 1000px){
          width: 100%;
          margin-right: 0;
          margin-left: 0;
          left: auto;
          position: relative;
          float: left;
          text-align: center;
        }
      }*/ }
  @media (max-width: 1000px) {
    #portfolio .portfolio-logos {
      display: block !important; } }
  #portfolio .portfolio-logos a {
    height: 68px;
    display: flex;
    text-decoration: none;
    margin-bottom: 32px;
    padding: 16px;
    border: 1px solid #E2E2E2;
    margin-right: 16px;
    justify-content: center;
    align-items: center;
    -webkit-transition: border-color 0.1s ease-out;
    -moz-transition: border-color 0.1s ease-out;
    -o-transition: border-color 0.1s ease-out;
    transition: border-color 0.1s ease-out; }
    @media (max-width: 1000px) {
      #portfolio .portfolio-logos a {
        margin-right: 0; } }
    @media (max-width: 570px) {
      #portfolio .portfolio-logos a {
        flex-direction: row;
        flex-wrap: wrap;
        height: 200px; } }
    #portfolio .portfolio-logos a .col {
      display: flex;
      align-items: center;
      justify-content: center; }
    #portfolio .portfolio-logos a:hover {
      border-color: #21A782;
      -webkit-transition: border-color 0.1s ease-out;
      -moz-transition: border-color 0.1s ease-out;
      -o-transition: border-color 0.1s ease-out;
      transition: border-color 0.1s ease-out; }
  #portfolio .portfolio-logos .col6.right a {
    margin-left: 16px;
    margin-right: 0; }
    @media (max-width: 1000px) {
      #portfolio .portfolio-logos .col6.right a {
        margin-left: 0; } }
  @media (max-width: 570px) {
    #portfolio .portfolio-logos .col2 {
      margin: 8px 0; } }
  @media (max-width: 570px) {
    #portfolio .portfolio-logos .col2 img {
      transform: rotate(90deg); } }

#contact {
  position: relative; }
  #contact .Container {
    z-index: 10; }
  #contact iframe {
    border: 5px solid #fff; }
    @media (max-width: 700px) {
      #contact iframe {
        width: 100%; } }
  #contact:after {
    content: '';
    -webkit-clip-path: ellipse(70% 75% at 50% 90%);
    clip-path: ellipse(70% 75% at 50% 90%);
    width: 100%;
    height: 475px;
    position: absolute;
    bottom: -90px;
    background-color: rgba(242, 247, 255, 0.5);
    z-index: -1; }
    @media (max-width: 800px) {
      #contact:after {
        bottom: -150px; } }

footer {
  z-index: 10; }
  @media (max-width: 800px) {
    footer.flex-row {
      display: block !important;
      text-align: center; } }
  @media (max-width: 800px) {
    footer .Logo {
      margin: 0 auto 24px; } }

.bio img {
  border-radius: 50%;
  overflow: hidden;
  width: 200px;
  height: 200px;
  border: 5px solid #fff;
  margin: auto; }
.bio ul {
  list-style: disc; }

.investment .image {
  display: inline-block;
  width: auto;
  height: auto;
  border: 1px solid #E3E3E3;
  background-color: #FFFFFF;
  margin-left: auto;
  margin-right: auto;
  padding: 16px; }
  .investment .image img {
    max-width: 100%; }

.advisory-member {
  float: left;
  height: 100px; }
  .advisory-member img {
    width: 75px; }