@import"//fonts.googleapis.com/css?family=Titillium+Web:200,300,400,600";

html {
	overflow-y:scroll;
}
a:link {
	color: #ff7f27;
}

/* visited link */
a:visited {
	color: #ff7f27;
}

/* mouse over link */
a:hover {
	color: #ff7f27;
}

/* selected link */
a:active {
	color: #ff7f27;
}

.f13{
	font: 300 13px/17px "Titillium Web", Helvetica, Arial;
}
.f14{
	font: 300 14px/18px "Titillium Web", Helvetica, Arial;
}
.f16{
	font: 300 16px/22px "Titillium Web", Helvetica, Arial;
}
.f17{
	font: 300 17px/21px "Titillium Web", Helvetica, Arial;
}
.f22{
	font: 300 22px/26px "Titillium Web", Helvetica, Arial;
}
.f24{
	font: 300 24px/28px "Titillium Web", Helvetica, Arial;
}
.f30{
	font: 300 30px/34px "Titillium Web", Helvetica, Arial;
}
.f36{
	font: 300 36px/40px "Titillium Web", Helvetica, Arial;
}
.f60{
	font: 300 60px/64px "Titillium Web", Helvetica, Arial;
}

.white{
	color:#fff;
}
.grey{
	color:#888;
}
.light-grey{
	color:#aaa;
}
.lime{
	color:lime;
}
.black{
	color:#000;
}
.orange{
	color:#ff7f27;
}
.dark-orange{
	color:#b75700;
}

.razer-bttn {
	font-family: 'Titillium Web', sans-serif;
	color: #fff;
	text-decoration: none;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: .05em;
	border-left: 2px solid #ffb37f;
	padding: .5em .8em;
	margin: 2px;
	display: inline-block;
	background-color: #ff7f27;
}
.razer-bttn:hover {
	 opacity: .7;
	 color: #fff;
}

.razer-bttn:after {
  content: " >";
  color: #fff;
  bottom: 20px;
} 
.bttn-medium {
	font-size: 14px;
}
.active{
	border-top:2px solid #ff7f27;
}
.centered{
	text-align:center;
}
.bold{
	font-weight:bold;
}
@media (max-width: 1999px) {
}
@media (max-width: 1799px) {
	#hardware1{
		left:40% !important;
	}
	#hardware1-pop{
		left:22% !important;
	}
	#hardware2-pop{
		left:31% !important;
	}
	#hardware3-pop{
		left:39% !important;
	}
	#hardware4-pop{
		left:33% !important;
	}
}
@media (max-width: 1699px) {
	#hardware1-pop{
		left:21% !important;
	}
	#hardware2-pop{
		left:30% !important;
	}
	#hardware3-pop{
		left:38% !important;
	}
	#hardware4-pop{
		left:32% !important;
	}
}
@media (max-width: 1599px) {
	#hardware1{
		left:39% !important;
	}
	#hardware1-pop{
		left:18% !important;
	}
	#hardware2-pop{
		left:28% !important;
	}
	#hardware3-pop{
		left:36% !important;
	}
	#hardware4-pop{
		left:30% !important;
	}
}
@media (max-width: 1499px) {
	#hardware1-pop{
		left:17% !important;
	}
	#hardware2-pop{
		left:27% !important;
	}
	#hardware3-pop{
		left:35% !important;
	}
	#hardware4-pop{
		left:29% !important;
	}
}
@media (max-width: 1399px) {
	#hardware1-pop{
		left:16% !important;
	}
	#hardware2-pop{
		left:26% !important;
	}
	#hardware3-pop{
		left:34% !important;
	}
	#hardware4-pop{
		left:28% !important;
	}
}
@media (max-width: 1299px) {
	#hardware1{
		left:38% !important;
	}
	#hardware1-pop{
		left:13% !important;
	}
	#hardware2-pop{
		left:24% !important;
	}
	#hardware3-pop{
		left:32% !important;
	}
	#hardware4-pop{
		left:26% !important;
	}
}
@media (max-width: 1199px) {
	#hardware1-pop{
		left:10% !important;
	}
	#hardware2-pop{
		left:21% !important;
	}
	#hardware3-pop{
		left:29% !important;
	}
	#hardware4-pop{
		left:23% !important;
	}
}
@media (max-width: 1099px) {
	#hardware1{
		left:38% !important;
	}
	#hardware1-pop{
		left:8% !important;
	}
	#hardware2-pop{
		left:19% !important;
	}
	#hardware3-pop{
		left:27% !important;
	}
	#hardware4-pop{
		left:21% !important;
	}
}
@media (max-width: 999px) {
	#hardware1{
		left:38% !important;
	}
	#hardware1-pop{
		left:5% !important;
	}
	#hardware2-pop{
		left:16% !important;
	}
	#hardware3-pop{
		left:24% !important;
	}
	#hardware4-pop{
		left:18% !important;
	}
}
@media (max-width: 899px) {
	#hardware1{
		left:37% !important;
	}
	#hardware1-pop{
		left:0% !important;
	}
	#hardware2{
		left:48% !important;
	}
	#hardware2-pop{
		left:11% !important;
	}
	#hardware3-pop{
		left:19% !important;
	}
	#hardware4-pop{
		left:13% !important;
	}
}
@media (max-width: 767px) {
	.f13{
		font: 300 8px/11px "Titillium Web", Helvetica, Arial;
	}
	.f14{
		font: 300 9px/12px "Titillium Web", Helvetica, Arial;
	}
	.f16{
		font: 300 11px/14px "Titillium Web", Helvetica, Arial;
	}
	.f17{
		font: 300 12px/15px "Titillium Web", Helvetica, Arial;
	}
	.f22{
		font: 300 15px/18px "Titillium Web", Helvetica, Arial;
	}
	.f24{
		font: 300 17px/20px "Titillium Web", Helvetica, Arial;
	}
	.f30{
		font: 300 22px/25px "Titillium Web", Helvetica, Arial;
	}
	.f36{
		font: 300 26px/29px "Titillium Web", Helvetica, Arial;
	}
	.f60{
		font: 300 35px/38px "Titillium Web", Helvetica, Arial;
	}
}
@media (max-width: 991px) {
	.f13{
		font: 300 9px/12px "Titillium Web", Helvetica, Arial;
	}
	.f14{
		font: 300 10px/13px "Titillium Web", Helvetica, Arial;
	}
	.f16{
		font: 300 12px/15px "Titillium Web", Helvetica, Arial;
	}
	.f17{
		font: 300 13px/16px "Titillium Web", Helvetica, Arial;
	}
	.f22{
		font: 300 16px/19px "Titillium Web", Helvetica, Arial;
	}
	.f24{
		font: 300 18px/21px "Titillium Web", Helvetica, Arial;
	}
	.f30{
		font: 300 24px/27px "Titillium Web", Helvetica, Arial;
	}
	.f36{
		font: 300 28px/31px "Titillium Web", Helvetica, Arial;
	}
	.f60{
		font: 300 40px/43px "Titillium Web", Helvetica, Arial;
	}
}