/*@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);*/


body {
	color: #666464;
	font-weight: 300;
	font-family: 'Lato', Calibri, Arial, sans-serif;
	font-size: 140%;
	max-width: 960px;
	margin: 0 auto;
}

H1, p {  padding: 0 10px; color:#fff;}


a {
	text-decoration: none;
	color: #f7f7f7;
	outline: none;
}

a:hover, a:focus {
	color: #fff;
}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before,
.clearfix:after {
	display: table;
	content: " ";
}

.clearfix:after {
	clear: both;
}



tr:nth-of-type(odd) { background-color: #ebebeb; }
td {border-left: 1px solid #cccccc; padding: 3px 6px;}

@media screen and (max-width: 69em) {
	.block {
		float: none;
		width: 100% !important;
		padding: 1em;
	}
}
@media screen and (max-width: 45em) {

	body {
		font-size: 120%;
	}
}
@media screen and (max-width: 25em) {

	body {
		font-size: 100%;
	}

	.codrops-icon span {
		display: none;
	}

}