/* @Base
-------------------------------------------------- */

body {
	color: rgba(0, 0, 0, 0.8);
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-moz-font-feature-settings: "liga" on;
	word-wrap: break-word;
}

.clearfix:after,
.clearfix:before {
	content: '';
	display: block;
	height: 0;
	overflow: hidden;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	zoom: 1;
}

.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear: both;
}

.animate-all {
	transition: all 300ms cubic-bezier(0.5, 0, 0, 1.3) !important;
	animation-timing-function: cubic-bezier(0.5, 0, 0, 1.3);
}

.no-pad {
	padding: 0;
}

/* @Type Scale
----------------------------------------*/

html {
	font-size: inherit;
}

body {
	font-size: 110%;
}

.type-jumbo {
	font-size: 3em;
}

.type-largest {
	font-size: 2.5em;
}

.type-larger {
	font-size: 2em;
}

.type-large {
	font-size: 1.5em;
}

.type-base {
	font-size: 1.2em;
	line-height: 1.8em;
}

.type-small {
	font-size: 0.80em;
}

.type-smaller {
	font-size: 0.70em;
}

.type-smallest {
	font-size: 0.60em;
}

.type-micro {
	font-size: 0.50em;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
	line-height: 1;
	margin: 1em 0 0.5em;
	font-family: "Lato", sans-serif;
	clear: both;
}

.h1,
h1 {
	font-size: 1.5em;
}

.h2,
h2 {
	font-size: 1.4em;
}

.h3,
h3 {
	font-size: 1.3em;
}

.h4,
h4 {
	font-size: 1.2em;
}

.h5,
h5 {
	font-size: 1.1em;
}

.h6,
h6 {
	font-size: 1em;
}

/* @General
----------------------------------------*/

.footer,
body,
html {
	background-color: #e6e6e6;
}

a {
	color: #09F;
	text-decoration: none !important;
	color: rgb(28, 134, 195);
	border-bottom: 1px solid rgba(28, 134, 195, 0.25);
	transition: all 200ms;
}

a:active,
a:hover,
a:visted {
	text-decoration: none !important;
	border-bottom-color: rgba(28, 134, 195, 1);
}

/* @Layout
----------------------------------------*/

.layout-single-column {
	margin: 0 auto;
	max-width: 700px;
}

/* @Content
----------------------------------------*/

.content {
	background: #ccc;
	padding: 0.25rem 0 2rem;
	margin: 1rem 0;
	border-top: 2px solid rgba(0, 0, 0, 0.05);
	border-bottom: 1px solid rgba(255, 255, 255, 0.90);
}

.center {
	text-align: center;
}

.title {
	font-weight: 300;
}

.subtitle {
	margin-bottom: 1rem;
}

.logo {
	width: 10rem;
	max-width: 100%;
	display: block;
	margin: 3rem auto 0;
}

ul.home-links.link-list {
	max-width: 10rem;
}

ul.link-list {
	max-width: 80%;
	margin: 0 auto;
	list-style: none;
	padding: 0;
}

ul.link-list li a {
	display: block;
	border: none;
	background-color: rgba(255, 255, 255, 0.75);
	padding: 1rem;
	text-align: center;
	margin: 0 0 0.25rem;
	border-radius: 0.25rem;
}

ul.link-list li a:active,
ul.link-list li a:hover {
	text-decoration: none !important;
	background-color: rgba(28, 134, 195, 1);
	color: white;
}

/* @Responsive Design
----------------------------------------*/
@media (max-width: 900px) {}
@media (max-width: 767px) {
	body {
		font-size: 100%;
	}
}
@media (max-width: 480px) {
	body {
		font-size: 90%;
	}
}