*{ font-family: 'Open Sans', sans-serif; }
strong{ font-weight: 700; }
a{ color: rgba(59,203,217,1); text-decoration: none; }

.white{ color: #fff; }
.alt--1{ color: #ed145b; }
.alt--2{ color: #dc4cf1; }
.alt--3{ color: #48dc9b; }

h1{
	font-size: 3.6em;
	font-weight: 300;
	letter-spacing: -0.02em;
	line-height: 1.166666666666667em;
	margin: 0.5833333333333333em 0;
}
h2{
	color: #444;
	font-size: 3.2em;
	font-weight: 400;
	letter-spacing: -0.03em;
	line-height: 1.3125em;
	margin: 0.65625em 0;
}
p{
	color: #777;
	font-size: 1.6em;
	font-weight: 400;
	letter-spacing: 0.02em;
	line-height: 1.75em;
	margin: 0.65625em 0;
}
.p-big{
	color: #fff;
	font-size: 2.8em;
	font-weight: 300;
	letter-spacing: -0.01em;
	line-height: 1.5em;
	margin: 0.75em 0;
}
.sidenote{
	color: #aaa;
	font-size: 1.4em;
	font-weight: 400;
	line-height: 2em;
	margin: 0;
}
.patent{
	color: #fff;
	font-size: 1.4em;
	font-weight: 400;
	line-height: 2em;
	margin: 0;
}

@media screen and (max-width: 800px){
h1{
	font-size: 2.2em;
	font-weight: 400;
	line-height: 1.272727272727273em;
	margin: 0.6363636363636364em 0;
}
h2{ font-size: 2em; line-height: 1.4em; margin: 0.7em 0; }
p{ font-size: 1.5em; line-height: 1.555555555555556em; margin: 0.7777777777777778em 0; }
.p-big{ font-size: 2em; line-height: 1.4em; margin: 0.7em 0; }
.sidenote, .patent{ font-size: 1.3em; line-height: 2.153846153846154em; }
}