
/* TYPOGRAPHY */
		
h1{
  font-family: "aktiv-grotesk", sans-serif;
	font-weight: 400;
  font-size: 56px;
  line-height: 60px;
  letter-spacing: -2.3px;
	color: #0f0f0f;
  margin: 0px;
}

h1.white{
  color:#fff;
}

h2{
  font-family: "aktiv-grotesk", sans-serif;
	font-weight: 400;
  font-size: 36px;
  line-height: 39px;
  letter-spacing: -1.1px;
	color: #0f0f0f;
  margin: 0px;
}

h2.light{
  color:#BEBEBE;
}
h2.white{
  color:#fff;
}
h2.light-blue{
  color:#A4B3FA;
}

h3{
  font-family: "aktiv-grotesk", sans-serif;
	font-weight: 400;
  font-size: 21px;
  line-height: 27px;
  letter-spacing: -0.35px;
	color: #0f0f0f;
  margin: 0px;
}

h3.white{
  color:#fff;
}

h4{
  font-family: "aktiv-grotesk", sans-serif;
	font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.4px;
	color: #0f0f0f;
}

h5{
  font-family: 'IBM Plex Mono', monospace;
	font-weight: 500;
  font-size: 11px;
  line-height: auto;
  letter-spacing: -0.2px;
	color: #0f0f0f;
  margin: 0;
  padding: 0;
}

h6{
  font-family: "aktiv-grotesk", sans-serif;
	font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.1px;
	color: #8D9DAF;
  margin: 0;
}

p{
  font-family: "aktiv-grotesk", sans-serif;
	font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -0.15px;
	color: #0f0f0f;
  margin: 0;
}

p.bold{
font-weight: 700;
}
p.grey{
color: #8f8f8f;
}

.links a{
  font-weight: 500;
  font-size: 13px;
  font-family: "aktiv-grotesk", sans-serif;
  letter-spacing: 0px;
  margin-right:12px;
}

a{
  font-family: "aktiv-grotesk", sans-serif;
	font-weight: 400;
  font-size: 16px;
  line-height: auto;
  letter-spacing: -0.1px;
	color: #0f0f0f;
  text-decoration: none;
  transition: 0.3s;
  cursor: pointer;
}

a:hover{
  color: #bebebe;
}

.footer a{
  font-family: "aktiv-grotesk", sans-serif;
	font-weight: 400;
  font-size: 16px;
  line-height: auto;
  letter-spacing: -0.1px;
	color: #bebebe;
  text-decoration: none;
  transition: 0.3s;
  cursor: pointer;
  display: block;
  margin-bottom:8px;
}

.footer a:hover{
  color: #0f0f0f;
}

a.button{
  border-radius: 6px;
  padding: 13px 17px 10px 17px;
  outline: none;
  border: none;
  font-weight: 500;
  font-size: 13px;
  font-family: "aktiv-grotesk", sans-serif;
  letter-spacing: 0px;
  line-height: 0px;
  transition: 0.3s;
  cursor: pointer;
  white-space: nowrap;
}

a.button.fill-blue{
  background: #3F68F0;
	color: #ffffff;
}
a.button.fill-blue:hover{
  background: #25429D;
}
a.button.fill-blue:active{
  background: #102052;
}

a.button.line-grey{
  box-shadow:inset 0px 0px 0px 1px #d3d3d3;
  color: #0f0f0f;
  background: none;
  box-sizing: border-box;
}
a.button.line-grey:hover{
  background: #EBEBEB;
}
a.button.line-grey:active{
  background: #BEBEBE;
}

a.button.line-white{
  box-shadow:inset 0px 0px 0px 1px #fff;
  color: #fff;
  background:none;
}
a.button.line-white:hover{
  background: #EBEBEB;
  color: #0f0f0f;
}
a.button.line-white:active{
  background: #BEBEBE;
}

a.large-button{
  display: inline-block;
  background: none;
  border: 1px solid white;
  border-radius: 10px;
  width: 100%;
  height: 200px;
  align-self: center;
  box-sizing: border-box;
  padding: 20px;
  font-weight: 500;
  font-size: 13px;
  font-family: "aktiv-grotesk", sans-serif;
  color: white;
  text-align: left;
  align-content:flex-end;
}
a.large-button:hover{
  background: #3F68F0;
  border: 1px solid #3F68F0;
}
a.large-button:active{
  background: #102052;
}

label{
  font-family: 'IBM Plex Mono', monospace;
	font-weight: 500;
  font-size: 11px;
  line-height: auto;
  letter-spacing: -0.2px;
	color: #0f0f0f;
  padding: 6px 9px;
  background: #ebebeb;
  border-radius: 6px;
  display: inline-block;
  margin-bottom: 20px;
}

hr{
  border:none;
  border-bottom: 0.6px solid #000;
}

.highlight{
color: #3F68F0;
font-weight: 700;
}

@media screen and (max-width: 1000px) {

h1{
  font-family: "aktiv-grotesk", sans-serif;
	font-weight: 400;
  font-size: 36px;
  line-height: 46px;
  letter-spacing: -2.3px;
	color: #0f0f0f;
  margin: 0px;
}

h1.white{
  color:#fff;
}

h2{
  font-family: "aktiv-grotesk", sans-serif;
	font-weight: 400;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -1.1px;
	color: #0f0f0f;
  margin: 0px;
}

h2.light{
  color:#BEBEBE;
}
h2.white{
  color:#fff;
}
h2.light-blue{
  color:#A4B3FA;
}

h3{
  font-family: "aktiv-grotesk", sans-serif;
	font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.35px;
	color: #0f0f0f;
  margin: 0px;
}

a.button.fill-blue:hover{
  background: #3F68F0;
}
a.button.line-grey:hover{
  background: none;
}
a.button.line-white:hover{
  background: none;
}
a.large-button:hover{
  background: none;
  border: 1px solid white;
}

}