/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
	color: #404040;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-family: "Lato", sans-serif;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	line-height: 1.2;
	margin: 0 0 1rem;
}
h1 {
	font-size: 2.5rem;
}
@media screen and (min-width: 800px) {
	h1.large-text {
		font-size: 3.5rem;
	}
}

h2 {
	font-size: 2rem;
}
h3 {
	font-size: 1.5rem;
}
h4 {
	font-size: 1.35rem;
}
h5 {
	font-size: 1.25rem;
}
h6 {
	font-size: 1.1rem;
}
p {
	margin-top: 0rem;
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", courier, monospace;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big, .text125 {
	font-size: 125%;
}
.gradient-text {
    background-image: linear-gradient(to bottom, var(--white), var(--light-blue));
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
}
.opacity-text {
	color: var(--opacity-text);
}
.white-text {
	color: var(--white);
}
.midnight-blue-text {
	color: var(--midnight-blue);
}
.blue-text {
	color: var(--blue);
}
.light-blue-text {
	color: var(--light-blue);
}
.yellow-text {
	color: var(--yellow);
}