@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: 30em) and (min-device-pixel-ratio: 1.5) {
	#monitor-width {
		width:480px;
	}

}

@media (min-width: 30em) and (min-device-pixel-ratio: 2) {
	#monitor-width {
		width:480px;
		background: #000;
	}

}

@media (min-width: 30em) and (min-device-pixel-ratio: 4) {
	#monitor-width {
		color: #fff;
	}

}

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

}

@media (min-width: 30em) and (min-device-pixel-ratio: 5) {
	#monitor-width {
		color: #fff;
	}

}

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

}

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

}

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

}

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

}

@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;
	}
}