/*==================================
			Notes


* 1rem = 32px



==================================*/


/*==================================
			Imports
==================================*/



/*==================================
			General
==================================*/


/* 1em @ 48em (768px) increasing to 2em @ 120em (1920px) */
@media (min-width: 48rem) {
:root {
font-size: calc(1rem + ((1vw - .48rem) * 1.389));}}

body {
background-color: #f1e1ff;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
font-weight: 300;
font-size: 16px;
color: #000000;
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;}

.height-100 {
min-height: 100vh;}
@media (max-width: 700px) {
.height-100 {
min-height: calc(100vh - 4.375rem);}}

.content-row {
padding: 4.375rem 0;}



/*==================================
			Typography
==================================*/


.heading-1 {
font-size: 48px;}
@media (max-width: 700px) {
.heading-1 {
font-size: 1.5rem;}}

.heading-2 {
font-size: 40px;}
@media (max-width: 700px) {
.heading-2 {
font-size: 1.25rem;}}

p {
font-size: 28px;
line-height: 32px;
margin-bottom: 20px;}
@media (max-width: 700px) {
p{
font-size: 0.875rem;
line-height: 1rem;
margin-bottom: 0.625rem;}}

a {
font-size: 28px;
color: #000;}
@media (max-width: 700px) {
a{
font-size: 0.875rem;}}

a:hover {
color: #3e3e3e;}


/*==================================
			Header
==================================*/



.sw {
text-align: right;}