:root {
    --font-primary-regular: karla-regular, sans-serif;
    --font-primary-bold: karla-bold, sans-serif;
    --font-secondary-semi-bold: spectral-semi-bold, serif;
    --font-secondary-bold: spectral-bold, serif;
    --font-secondary-bold-italic: spectral-bold-italic, serif;
    --color-primary: #0f1a26;
    --color-pale-blue:#F3F3F4;
    --color-red:#f33;
    --color-green:#00C49E;
    --color-storm-gray:#767a8a;
    --color-zumthor:#dde5ff;
    --color-mirage:#1c2835;
    --color-dark:#27313c;
}


html {
    font-size: 13PX;
    -webkit-transition: font-size .4s ease;
    transition: font-size .4s ease;
}

body{
  color: var(--color-primary);
  font-family: var(--font-primary-regular);
  font-size: 1.0625rem;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  line-height: 1.875rem;
  position: relative;
  margin: 0;
}
h1, h2, h3, p {
    margin: 0;
}
a {
    text-decoration: none;
}
a.color-white:hover{
  color: var(--color-red);
}

*:focus {outline: none;}

.-m-xy-5
{
  margin:-1.5625rem;
}

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

.-mx-3
{
  margin-left:-.9375rem;
  margin-right:-.9375rem;
}

.-mx-4
{
  margin-left:-1.25rem;
  margin-right:-1.25rem;
}

.-mx-5
{
  margin-left:-1.5625rem;
  margin-right:-1.5625rem;
}

.ml-3
{
  margin-left:.9375rem;
}

.ml-6
{
  margin-left:1.875rem;
}

.mr-4
{
  margin-right:1.25rem;
}

.mr-3
{
  margin-right:.9375rem;
}

.my-8
{
  margin-bottom:2.5rem;
  margin-top:2.5rem;
}

.mb-0
{
  margin-bottom:0;
}

.mt-0
{
  margin-top:0;
}

.mb-2
{
  margin-bottom:.625rem;
}

.mb-4
{
  margin-bottom:1.25rem;
}

.mb-5
{
  margin-bottom:1.5625rem;
}

.mb-8
{
  margin-bottom:2.5rem;
}

.mb-20
{
  margin-bottom:6.25rem;
}

.mt-20
{
  margin-top:6.25rem;
}

.mt-8
{
  margin-top:2.5rem;
}

.mt-4
{
  margin-top:1.25rem;
}

.p-xy-5
{
  padding:1.5625rem;
}

.py-10
{
  padding-bottom:3.125rem;
  padding-top:3.125rem;
}

.py-20
{
  padding-bottom:6.25rem;
  padding-top:6.25rem;
}

.pt-8
{
  padding-top:2.5rem;
}

.pb-12
{
  padding-bottom:3.75rem;
}

.pb-6
{
  padding-bottom:1.875rem;
}

.px-3
{
  padding-left:.9375rem;
  padding-right:.9375rem;
}

.px-4
{
  padding-left:1.25rem;
  padding-right:1.25rem;
}

.px-5
{
  padding-left:1.5625rem;
  padding-right:1.5625rem;
}

.color-white
{
  color:#fff;
}
.color-storm-gray
{
  color:var(--color-storm-gray);
}

.color-red
{
  color:var(--color-red);
}

.color-green
{
  color:var(--color-green);
}

.bg-paleBlue
{
  background-color:var(--color-pale-blue);
}

.bg-primary
{
  background-color:var(--color-primary);
}

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

.block
{
  display:block;
}

.flex
{
  display:flex;
}

.flex-1
{
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1;
}

.flex-row-reverse
{
  -webkit-box-orient:horizontal;
  -webkit-box-direction:reverse;
  -ms-flex-direction:row-reverse;
  flex-direction:row-reverse;
}

.flex-col
{
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
}

.items-start
{
  -webkit-box-align:start;
  -ms-flex-align:start;
  align-items:flex-start;
}

.items-center
{
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
}

.justify-center
{
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
}

.relative
{
  position:relative;
}

.font-primary-bold
{
  font-family:var(--font-primary-bold);
}

.rotate-y-180
{
  -webkit-transform:rotateY(180deg);
  transform:rotateY(180deg);
}

.container
{
  max-width:81.25rem;
}

.img
{
  max-width:100%;
  vertical-align:middle;
}
.logo{
  width: auto;
  height: 2.25rem;
}
.text-xl
{
  font-family:var(--font-secondary-semi-bold);
  font-size:5.625rem;
  line-height:1.1;
}

.text-lg
{
  font-family:var(--font-secondary-semi-bold);
  font-size:4.375rem;
  letter-spacing:0;
  line-height:1;
}

.text-md
{
  font-family:var(--font-primary-bold);
  font-size:1.5rem;
  letter-spacing:0;
  line-height:2.375rem;
}

.h2
{
  font-family:var(--font-secondary-semi-bold);
  font-size:6.25rem;
  line-height:1.1;
}

.h2-alt
{
  color:#fff;
  font-family:var(--font-secondary-semi-bold);
  font-size:5rem;
  line-height:1;
}

.h3
{
  font-family:var(--font-secondary-bold);
  font-size:2.125rem;
  line-height:2.75rem;
}

.text-intro
{
  font-family:var(--font-primary-bold);
  font-size:1.5rem;
  line-height:2.375rem;
}

.text-xs
{
  color:#9b9b9b;
  font-size:.875rem;
  letter-spacing:.125rem;
  line-height:1.375rem;
  text-transform:uppercase;
}

.link
{
  background-color:var(--color-red);
  border-radius:.25rem;
  color:#fff;
  display:block;
  font-family:var(--font-primary-bold);
  font-size:.875rem;
  letter-spacing:.125rem;
  line-height:3.5rem;
  text-align:center;
}
.bg-header
{
  background-image: none;
  background-position:right;
  background-repeat:no-repeat;
  background-size:contain;
}

.header-by
{
  color:var(--color-zumthor);
  font-size:.75rem;
  letter-spacing:.125rem;
  text-transform:uppercase;
}

.header-text
{
  color:#c3d0df;
  font-size:1.125rem;
  line-height:1.75rem;
}

.header-readMore
{
  font-family:var(--font-primary-bold);
  font-size:.8125rem;
  letter-spacing:.13563rem;
  line-height:1.5;
  text-transform:uppercase;
}

.header-readMore svg
{
  margin:0 0 -.3125rem .3125rem;
}

.header-btn
{
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  background-color:var(--color-red);
  border:.0625rem solid transparent;
  border-radius:1.8125rem;
  color:#fff;
  display:flex;
  font-family:var(--font-primary-bold);
  font-size:.8125rem;
  height:3.625rem;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  letter-spacing:.13563rem;
  outline:0;
  text-transform:uppercase;
  -webkit-transition:all .4s ease;
  transition:all .4s ease;
  width:13.5rem;
}

.header-btn:hover
{
  background-color:var(--color-primary);
  color:#fff;
  border-color:var(--color-mirage);
}

.header-btn:hover svg path
{
  fill:var(--color-red);
}

.header-btn svg
{
  margin-left:.9375rem;
  -webkit-transition:fill .4s ease;
  transition:fill .4s ease;
}

.short-btn{
   -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  border:.0625rem solid var(--color-red);
  border-radius:0.25rem;
  color:#fff;
  display:flex;
  font-family:var(--font-primary-bold);
  font-size:.8125rem;
  height:3.625rem;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  text-transform: uppercase;
  outline:0;
  -webkit-transition:all .4s ease;
  transition:all .4s ease;
  width:13.5rem;
}

.short-btn:hover{
  background-color:var(--color-primary);
  color:var(--color-red);
  border-color:var(--color-mirage);
}

.green-btn{
  border-color: var(--color-green);
}
.green-btn:hover{
  color:var(--color-green);
}

.shape1
{
  background-image:url(img/shape1@2x.png);
  background-repeat:no-repeat;
  background-size:100%;
  height:10rem;
}

.shape14
{
  background-image:url(img/shape14.png);
  background-repeat:no-repeat;
  background-size:100%;
  height:16.75rem;
}

.shape14-top
{
  background-image:url(img/shape3-top.png);
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: 100%;
  height: 12.1rem;
  margin-top: -1px;
  margin-bottom: -1px;
}

.shape2
{
  background-image:url(img/shape2@2x.png);
  background-position:center;
  background-repeat:no-repeat;
  background-size:contain;
  min-height:5rem;
}

.shape5-bottom
{
  background-image:url(img/shape5-bottom@2x.png);
  background-repeat:no-repeat;
  background-size:100%;
  height:14.625rem;
  border:0;
  margin-top: -1px;
  margin-bottom: -1px;
}

.shape5-top
{
  background-image:url(img/shape5-top@2x.png);
  background-repeat:no-repeat;
  background-position: bottom;
  background-size:100%;
  height:14.625rem;
  border:0;
  margin-top: -1px;
  margin-bottom: -1px;
}

.whyBuilding-bg{
  background-image:url(img/why-bg@2x.png);
  background-position:bottom;
  background-repeat:no-repeat;
  background-size:contain;
  max-width:100%;
  min-height:30.875rem;
  width:90rem;
}

.ScrollIndicator
{
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  bottom:0;
  display:none;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  font-size:.75rem;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  left:2%;
  letter-spacing:.125rem;
  position:fixed;
  top:0;
}

.ScrollIndicator a
{
  color:var(--color-primary);
  cursor:pointer;
  margin-top:.9375rem;
}

.ScrollIndicator-bar
{
  background-color:#eff1f8;
  height:25rem;
  margin-top:.9375rem;
  width:.0625rem;
}

.ScrollIndicator--dark a
{
  color:var(--color-zumthor);
}

.ScrollIndicator--dark .ScrollIndicator-bar div
{
  background-color:#eff1f8;
}

.InfoButton
{
  position:fixed;
  right:1.875rem;
  top:1.875rem;
  z-index:1;
}

.InfoButton--dark text
{
  fill:#fff;
}

.sign-up-input {
    position: relative;
    margin: 0 auto;
    justify-content: center;
}
.sign-up-input input {
  width: 49%;
  border-radius: .25rem;
  border: 1px solid transparent;
  font-family: var(--font-primary);
  font-size: 1.0625rem;
  line-height: 3.5rem;
  padding: 0 1rem;
  background-clip: padding-box;
    -webkit-transition: all .25s ease-in;
  -moz-transition: all .25s ease-in;
  -o-transition: all .25s ease-in;
  transition: all .25s ease-in;
}

.sign-up-input input[type=email] {
  margin-right: 1%;
}

input[type=submit] {
  background-color: var(--color-red);
  font-family: var(--font-primary-bold);
  color: #fff;
  -webkit-appearance: button;
  text-align: center;
  cursor: pointer;
}

.sign-up-input input[type=submit]:hover{
  background-color:var(--color-primary);
  color:#fff;
  border-color:var(--color-mirage);
}
.sign-up-input input:-webkit-autofill{
  background-color:var(--color-primary)!important;
}

.mc-status{
  min-height: 3.73334rem;
  margin-top: 1rem;
}
.success-message {
    color: var(--color-green) ;
}
.error-message{
  color: var(--color-red);
}

.mc-status a{
  color: var(--color-zumthor);
}



@media (min-width:400px) {
}

@media (min-width:800px) {
  html{ font-size: 15px;}

  .sign-up-input input{
    width: 49%;
  }
  .sign-up-input input[type=email]{
    margin-right: 1%;
  }
  .md-mx-0
  {
    margin-left:0;
    margin-right:0;
  }

  .-md-mx-4
  {
    margin-left:-1.25rem;
    margin-right:-1.25rem;
  }

  .md-ml-auto
  {
    margin-left:auto;
  }

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

  .md-mt-0
  {
    margin-top:0;
  }

  .-md-mt-20
  {
    margin-top:-6.25rem;
  }

  .md-px-4
  {
    padding-left:1.25rem;
    padding-right:1.25rem;
  }

  .md-pt-0
  {
    padding-top:0;
  }

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

  .md-max-w-158
  {
    max-width:49.375rem;
  }

  .md-max-w-190
  {
    max-width:59.375rem;
  }

  .md-justify-between
  {
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
  }


  .md-justify-around
  {
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-around;
  }

  .md-flex-col-reverse
  {
    -webkit-box-orient:vertical;
    -webkit-box-direction:reverse;
    -ms-flex-direction:column-reverse;
    flex-direction:column-reverse;
  }

  .container
  {
    padding-left:8%;
  }

  .text-xl
  {
    font-size:6.875rem;
  }

  .text-lg
  {
    font-size:5.625rem;
  }

  .oneIsALonelyNumber-quote
  {
    margin-top:-4.6875rem;
    padding-bottom:4.6875rem;
  }


  .md-max-w-120,.h3
  {
    max-width:37.5rem;
  }

  .md-flex,.ScrollIndicator
  {
    display:flex;
  }

  .md-justify-start,.chart-incomeByProfession
  {
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
  }
}

@media (min-width:1000px) {
  html{ font-size: 16px;}
  .text-xl
  {
    font-size:7.5rem;
  }

  .text-lg
  {
    font-size:6.25rem;
  }

  .theNewNomads-img
  {
    margin-top:-6.25rem;
  }

  .empoweringYou-img
  {
    margin-top:-15.625rem;
  }

.quote
{
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  background-position:center;
  background-size:cover;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  min-height:19.5625rem;
  width:52.375rem;
}

.quote p
{
  max-width:37.5rem;
}
.oneIsALonelyNumber-quote
{
  margin-left:auto;
  max-width:49rem;
  position:relative;
}

.oneIsALonelyNumber-quote img
{
  position:absolute;
}

.oneIsALonelyNumber-quote img:first-of-type
{
  left:-1.5625rem;
  top:-3.75rem;
}
.empower-text ul{
  -webkit-padding-start: 30px;
}
.empower-text li{
  list-style: none;
  margin-bottom: 10px;
  max-width: 470px;
}
.empower-text li::before{
  font-size: 2.5em;
  position: relative;
  top: 0.15em;
  left: -15px;
  margin-left: -0.5em;
  color: var(--color-red);
  content: "\2022";
}
}

@media screen and (min-width: 800px) {

 html
  {
    font-size:15px;
  }

  .md-mx-0
  {
    margin-left:0;
    margin-right:0;
  }

  .-md-mx-4
  {
    margin-left:-1.25rem;
    margin-right:-1.25rem;
  }

  .md-ml-auto
  {
    margin-left:auto;
  }

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

  .md-mt-0
  {
    margin-top:0;
  }

  .-md-mt-20
  {
    margin-top:-6.25rem;
  }

  .md-px-4
  {
    padding-left:1.25rem;
    padding-right:1.25rem;
  }

  .md-pt-0
  {
    padding-top:0;
  }

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

  .md-max-w-158
  {
    max-width:49.375rem;
  }

  .md-max-w-190
  {
    max-width:59.375rem;
  }

  .md-justify-between
  {
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
  }

  .md-flex-col-reverse
  {
    -webkit-box-orient:vertical;
    -webkit-box-direction:reverse;
    -ms-flex-direction:column-reverse;
    flex-direction:column-reverse;
  }

  .container
  {
    padding-left:8%;
  }

  .text-xl
  {
    font-size:6.875rem;
  }

  .text-lg
  {
    font-size:5.625rem;
  }

  .oneIsALonelyNumber-quote
  {
    margin-top:-4.6875rem;
    padding-bottom:4.6875rem;
  }

  .bg-header
  {
    background-image: url(img/keep_with_the_buzz@2x.png);
  }

  .md-max-w-120,.h3
  {
    max-width:37.5rem;
  }

  .md-flex,.ScrollIndicator
  {
    display:flex;
  }

  .md-justify-start,.chart-incomeByProfession
  {
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
  }
}

/* Small Devices, Tablets */
@media screen and (max-width:800px) {
  .sign-up-input{
    display: flex;
  }
  .sign-up-input input[type=email]{
    width: 67%;
  }
  .sign-up-input input[type=submit]{
    width: 30%;
  }
}

 /* Extra Small Devices, Phones */
@media screen and (max-width:576px) {
  html{ font-size: 14px;}
  .text-xl
  {
    font-size:4rem;
  }

  .text-lg,.h2-alt
  {
    font-size:4.25rem;
  }
  .sign-up-input input{
    width: 43%;
    margin-right: 0;
  }
  .shape14{
    height: 8.375rem;
  }
  .shape5-top, .shape5-bottom{
    height:7.3125rem;
  }
  .shape14-top{
    height: 6.05rem;
  }
  .shape1{
    height: 4.125rem;
  }
  .mt-20{
    margin-top: 3.8rem;
  }
  .py-20{
    padding-bottom: 3.125rem;
    padding-top: 3.125rem;
  }

}