@font-face {
	font-weight: lighter;
	font-style: normal;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;	/*src:url('../../Downloads/HoverEffectIdeas/fonts/codropsicons/codropsicons.eot');
	src:url('../../Downloads/HoverEffectIdeas/fonts/codropsicons/codropsicons.eot?#iefix') format('embedded-opentype'),
url('../../Downloads/HoverEffectIdeas/fonts/codropsicons/codropsicons.woff') format('woff'),
url('../../Downloads/HoverEffectIdeas/fonts/codropsicons/codropsicons.ttf') format('truetype'),
url('../../Downloads/HoverEffectIdeas/fonts/codropsicons/codropsicons.svg#codropsicons') format('svg');*/
}

*, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; }
.clearfix:before, .clearfix:after { display: table; content: ''; }
.clearfix:after { clear: both; }

body {

	color: #fff;
	font-weight: 400;
	font-size: 1em;
	font-family: 'Poiret One', serif;
}

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

a:hover, a:focus {
	color: #00FF00;
}

section {
	padding: 1em;
	text-align: center;
}

.content {
	margin: 0 auto;
	max-width: 1000px;
}

.content > h2 {
	clear: both;
	margin: 0;
	padding: 4em 1% 0;
	color: #484B54;
	font-weight: 800;
	font-size: 1.5em;
}


.content > h3 {
	clear: both;
	margin: 0;
	padding: 4em 1% 0;
	color: #484B54;
	font-weight: 350;
	font-size: 1.5em;
}

.content > h2:first-child {
	padding-top: 0em;
}






@media screen and (max-width: 25em) {
	.codrops-header {
		font-size: 75%;
	}
	.codrops-icon span {
		display: none;
	}
}