@media (max-width: 1550px) {
	#intro div.middle {
		font-size: 95%;
	}
}

@media (max-width: 1390px) {
	#intro div.middle {
		font-size: 90%;
	}
}

@media (max-width: 1250px) {
	#intro div.middle {
		font-size: 72%;
	}

}

@media (max-width: 1015px) {
	#scroll span {
		display: none;
	}

	#scroll {
		margin-right: 48px;
	}

	#intro div.middle {
		font-size: 64%;
	}
}

@media (max-width: 960px) {
	#intro div.middle {
		font-size: 54%;
		font-family: Arial;
	}

	#intro h2 {
		padding-bottom: 5px;
	}
}

@media (max-width: 790px) {
	#intro div.middle {
		font-size: 48%;
	}

	#intro h2 {
		padding-bottom: 5px;
	}

	#counter {
		display: none !important;
		opacity: 0 !important;
	}

	#intro div.middle p.sep {
		padding-bottom: 5px;
		background: none;

	}
}

@media (max-width: 680px) {
	#scroll {
		display: none;
	}

	#intro div.middle {
		font-size: 46%;
	}

	#ref div.middle h2 {
		font-size: 21px;
		width: 210px;
	}

	#ref div.middle div.reference div.content {
		font-size: 14px;
	}

	#ref div.middle div.reference {
		margin-top: 30px;
	}

	#ref div.middle div.reference.first {
		margin-top: 30px;
	}

	#intro {
		min-height: 256px;
	}

	#intro h2,
	#intro h3 {
		padding-bottom: 5px;
		font-size: 12px;
	}

	#intro a.wannabe {
		margin-left: 0px;
	}

	#ref div.middle div.reference h3 {
		left: 80px;
		font-size: 12px;
	}

	#ref div.middle div.reference div.top.right h3 {
		left: 20px;
	}

	#ref div.middle div.reference:after,
	#ref div.middle div.reference:before {
		box-shadow: 0px
	}

	#ref div.middle div.reference {
		box-shadow: none;
	}
}