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



*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

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

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}



.container {
	width: 100%;
	position: relative;
}

.clr {
	clear: both;
	float: none;
}

.main {
	width: 100%;
	max-width: 1170px;
	padding: 0;
	margin: 0 auto;
	position: relative;
}



@media screen and (max-width: 690px) {
	.codrops-demos {
		float: left;
		clear: both;
	}
	.main {
	width: 100%;
	padding: 0;
	margin: 0;
	position: relative;
}
}