@font-face {
  font-family: 'Gilroy';
  src: url('/assets/fonts/Gilroy-Regular.otf');
  font-weight: 400;
}
@font-face {
  font-family: 'Gilroy';
  src: url('/assets/fonts/Gilroy-Medium.otf');
  font-weight: 500;
}

@font-face {
  font-family: 'Gilroy';
  src: url('/assets/fonts/Gilroy-Semibold.otf');
  font-weight: 600;
}
@font-face {
  font-family: 'Gilroy';
  src: url('/assets/fonts/Gilroy-Bold.otf');
  font-weight: 700;
}
@font-face {
  font-family: 'Gilroy';
  src: url('/assets/fonts/Gilroy-Extrabold.otf');
  font-weight: 900;
}
*{
  font-family: 'Gilroy', system-ui, BlinkMacSystemFont, -apple-system, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
}

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

body {
  color: #2E2E2E;
  margin: 0;
  padding: 0;
  display: none;
}
a{
  cursor: pointer;
  text-decoration: none;
}

h1,h2{
  font-weight: 700;
  line-height: 1.25;
}
h1{
  font-size: 2.125rem;
}
h2{
  font-size: 1.75rem;
}
h3{
  font-size: 1.25rem;
}
h1,p{
  margin:0;
}
p{
  line-height: 1.7;
}
code {
  font-family: Consolas,"Liberation Mono",Courier,monospace;
  font-weight: normal;
  color: #0a0a0a;
  background-color: #e6e6e6;
  border: 1px solid #cacaca;
  padding: .1rem .25rem .05rem;
  word-break: break-word;
}
.container{
  max-width: 87.5rem;
  margin-right: auto;
  margin-left: auto;
  position: relative;
  z-index: 1;
}
.wrapper{
  display: block;
  max-width: 73.13rem;
  margin-right: auto;
  margin-left: auto;
  padding: 0 1.25rem;
}
.bg-black{
  background-color: #232327;
}
.app_store{
  background: #000;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  transition: background 0.5s;
  width: 9.125rem;
}
.navbar_cta, .navbar_logo, .footer_container a{
  color: #2E2E2E;
}
.navbar_cta .app_store:hover{
  background: #2F2F2F;
}
.app_store.app_store--green{
  background: #00B265;
  padding: 0.75rem 1.25rem;
  width: 10.13rem;
}
.app_store.app_store--green:hover{
  background: #019354;
}
a:focus{
  outline: auto;
}
.primary_button{
  background: #00B265;
  border-radius: 0.5rem;
  color: #fff;
  font-size: 1.125rem;
  font-weight: 600;
  padding: 1.4rem 0;
  margin: auto auto 1.875rem;
  display: block;
  width: 13.75rem;
  transition: background 0.5s;
}
.primary_button:hover{
  background: #019354;
}
a{
  color:#00B265;
  transition: color 0.5s;
}
a:hover{
  color:#019354;
  transition: color 0.5s;
}
li{
  line-height: 2rem;
}

@media (min-width:480px) {
  .wrapper{
    padding: 0 3rem;
  }
}


@media (min-width:768px) {
  h1{
    font-size: 3.25rem;
  }
  h2{
    font-size: 2.5rem;
  }
}


@media only screen and (min-width: 1024px) {
  h1{
    font-size: 5rem;
  }
  h2{
    font-size: 3.375rem;
    margin-bottom: 1.25rem;
  }
  h3{
    font-size: 2.25rem;
    margin-bottom: 1.25rem;
  }
}
@media only screen and (min-width: 1200px) {
  .wrapper{
    padding: 0 1rem;
  }
}