@charset "UTF-8";

body {
	font-family:"Georgia Pro",Georgia,Times,serif;
	font-weight:400;
	color:#000;
	min-height:100%;
	width:100%;
	font-size:16px;
	font-size:1rem;
	line-height:20px;
	line-height:1.25rem;
}

body:before,body:after {
	display:table;
	content:'';
}

body:after {
	clear:both;
}

body:before,body:after {
	content:'';
	display:table;
}

body:after {
	clear:both;
}

.ie7 body {
	position:relative;
	top:48px;
}

.container {
	position:relative;
	margin:0 20px;
	margin:0 1.25rem;
	max-width:1140px;
	max-width:71.25rem;
}

.container:before,.container:after {
	display:table;
	content:"";
}

.container:after {
	clear:both;
}

.container:before,.container:after {
	content:"";
	display:table;
}

.container:after {
	clear:both;
}

a {
	color:#00f;
	text-decoration:underline;
}

a:hover,a:focus {
	text-decoration:none;
}

img {
	-ms-interpolation-mode:bicubic;
}

#monitor-width {
	display:block;
	height:1px;
	overflow:hidden;
	position:absolute;
	top:-9999em;
	left:-9999em;
	width:20em;
}

.no-transition,.no-transition * {
	-webkit-transition:none!important;
	-moz-transition:none!important;
	-ms-transition:none!important;
	-o-transition:none!important;
	transition:none!important;
}

#page {
	max-width:1140px;
	margin:0 20px;
}

@media (min-width: 71.25em) {
	.container {
		margin-right:auto;
		margin-left:auto;
		width:100%;
	}

	#monitor-width {
		width:1140px;
	}

	#page {
		margin:0 auto;
	}

}

@media (min-width: 30em) {
	#monitor-width {
		width:480px;
	}

}

@media (min-width: 60.625em) {
	#monitor-width {
		width:970px;
	}

}

@media (min-width: 37.5em) {
	#monitor-width {
		width:600px;
	}

}

@media (min-width: 48em) {
	.container {
		margin:0 25px;
		margin:0 1.5625rem;
	}

	#monitor-width {
		width:768px;
	}
}

@media only screen {
	/*   hihihih */
	html{
		color:red; /* hsdfjsdjhf */
		line-height: 200;
	}
}

@media print {
	html{
		color:red;
		line-height: 200;
	}
}

@-webkit-keyframes NAME-YOUR-ANIMATION {
	/*   hahahah */
0%   { opacity: 0; /* helphelp */ }
100% { opacity: 1; }
}
@-moz-keyframes NAME-YOUR-ANIMATION {
	0%   { opacity: 0; }
	100% { opacity: 1; }
}
@-o-keyframes NAME-YOUR-ANIMATION {
	0%   { opacity: 0; }
	100% { opacity: 1; }
}
@keyframes NAME-YOUR-ANIMATION {
	0%   { opacity: 0; }
	100% { opacity: 1; }
}

@-moz-document url-prefix(http://www.example.com) {

	p {
		height: 5px;
	}

	@media (min-width: 767px) {

		p {
			height: 5px;
		}
	}
}

@supports ( not ((text-align-last:justify) or (-moz-text-align-last:justify) ){

	p {
		color: red;
	}
}

@font-face {
	font-family:'frontendfriends';
	src:url(../fonts/frontendfriends/frontendfriends.eot?h3i238);
	src:url(../fonts/frontendfriends/frontendfriends.eot?#iefixh3i238) format("embedded-opentype"), url(../fonts/frontendfriends/frontendfriends.woff?h3i238) format("woff"), url(../fonts/frontendfriends/frontendfriends.ttf?h3i238) format("truetype"), url(../fonts/frontendfriends/frontendfriends.svg?h3i238#frontendfriends) format("svg");
	font-weight:400;
	font-style:normal
}