h1, .heading-1, h2, .heading-2, h3, .heading-3, h4, .heading-4 {
	 line-height: 1.25;
	 display: block;
	 margin: 0;
}
 h1, .heading-1 {
	 font-size: 28px;
	 font-weight: 300;
}
 @media only screen and (min-width: 600px) {
	 h1, .heading-1 {
		 font-size: 36px;
	}
}
 @media only screen and (min-width: 1024px) {
	 h1, .heading-1 {
		 font-size: 42px;
	}
}
 h2, .heading-2 {
	 font-size: 24px;
	 font-weight: 400;
}
 @media only screen and (min-width: 600px) {
	 h2, .heading-2 {
		 font-size: 28px;
	}
}
 @media only screen and (min-width: 1024px) {
	 h2, .heading-2 {
		 font-size: 36px;
	}
}
 h3, .heading-3 {
	 font-size: 20px;
	 font-weight: 400;
}
 @media only screen and (min-width: 600px) {
	 h3, .heading-3 {
		 font-size: 24px;
	}
}
 @media only screen and (min-width: 1024px) {
	 h3, .heading-3 {
		 font-size: 28px;
	}
}
 h4, .heading-4 {
	 font-size: 18px;
	 font-weight: 400;
}
 @media only screen and (min-width: 600px) {
	 h4, .heading-4 {
		 font-size: 20px;
	}
}
 @media only screen and (min-width: 1024px) {
	 h4, .heading-4 {
		 font-size: 24px;
	}
}
 @media only screen and (min-width: 1024x) {
	 p, a, ul li, ol li, dl dt, dl dd, strong {
		 font-size: 16px;
	}
}
 small, .small {
	 font-size: 12px;
}
 @media only screen and (min-width: 1024px) {
	 small, .small {
		 font-size: 14px;
	}
}
 a {
	 color: #2d35cd;
	 text-decoration: underline;
}
 a:hover, a:focus {
	 text-decoration: none;
}
 .highlight, .highlight--small, .highlight--large {
	 font-weight: 700;
}
 .highlight {
	 font-size: 18px;
}
 .highlight--small {
	 font-size: 16px;
}
 .highlight--large {
	 font-size: 20px;
}