body{
	background-color: #EFF4F9;
	font-family: Exo;
	color: #26394F;
	overflow: hidden;
	line-height: 1.3;
}

.tracker{
	position:absolute;
	top:40%;
}

.holster2{
	position: absolute;
	margin-top: -150px;
	border-top: solid 1px red;
	width: 4000px;
	height: 300px;
	/background-color: red;
	-webkit-transform-origin: center left;
}

#rotate2{
	position: absolute;
	top: 50%;
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
	margin-left: -2500px;
}

#about {
	position: fixed;
	right: 40px;
	top:50%;
	font-weight: 700;
}

#graphicloop{
	background-color: #fcea2a; /#ffdb0a;
	width: 3000px;
	height: 3000px;
	position: absolute;
}

#graphic2{
	background-color: #0b7dff;
	width: 3000px;
	height: 3000px;
	top:3000px;
	position: absolute;
}

#graphic3{
	background-color: #ffa10b;
	width: 3000px;
	height: 3000px;
	right:3000px;
	position: absolute;
}

#graphic4{
	background-color: #0bffd2;
	width: 3000px;
	height: 3000px;
	left:-3000px;
	position: absolute;
}

#graphic5{
	background-color: #fdeb2b; /#ffdb0a;
	width: 3000px;
	height: 3000px;
	left:-6000px;
	position: absolute;
}

#graphic6{
	background-color: #FEA00D;
	width: 3000px;
	height: 3000px;
	left:-3000px;
	top: -6000px;
	position: absolute;
}

#graphic7{
	background-color: #26eaff;
	width: 3000px;
	height: 3000px;
	left:-3000px;
	top: -3000px;
	position:absolute;
}

#graphic8{
	background-color: #ffdb0a;
	width: 3000px;
	height: 3000px;
	left:-3000px;
	top: -6000px;
	position:absolute;
}

.blue, #alluse{
	color: #0b7dff;
}

#holdinator {
	background-color: #fcea2a;
	width:600px;
	padding:20px;
	margin:0 auto;
	line-height: 1.5;
	font-weight: 400;
	font-family: Exo;
	font-size: 18px;
}

#home {
	position:fixed;
	left: 40px;
	top: 50%;
	font-weight: 700;
}

.yellow {
	color: #ffef83;
	font-weight: 700;
}

.large {
	font-weight: 700;
	/color: #EFF4F9;
}

#abouttext{

}

#graphic9{
	background-color: #ff96c2; /#faabd9; /#d5b1d9;
	width: 3000px;
	height: 3000px;
	top: -3000px;
	position:absolute;
	opacity:0;
}

#square {
	display: inline-block;
	width:30px;
	height:30px;
	background-color: red;
}

.holster {
	position: absolute;
	width:3500px;/2400px;
	height: 300px;
	-webkit-transform-origin: center left;/0% 0%;
	/border-top: solid 1px red;
	margin-top: -150px;
}

#squareholster{
	border: solid 1px red;
}

.text {
	float: right;
	width: 800px;
}

#rotatingtext{
}

#rotatewrapper{
	position: absolute;
	top: 50%;
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
	margin-left: -2500px;
}
#Title{
	color: #005dc5;
	font-weight: 700;
	/font-family: Roboto Condensed;
	line-height: 1.1;
}

.sizes {
	/color:#ff00c8;
	font-weight:700;
}
#tool {
	font-size: 11px;
}

#communication {
	font-size: 16px;
}

#emphasis {
	font-size: 16px;
	font-weight: 700;
}

#exact{
	font-size: 12px;
	font-weight: 700;
}

#eg{
	font-size: 18px;
	letter-spacing: .5px;
}

#amorphous{
	font-weight: 700;
	font-size: 700px;
}

.clarity {
	font-weight: 700;
	color: white; /#EFF4F9;
}

#squareword {
	color: red;
}

@media screen and (max-width: 1149px) {
	
}



@media screen and (max-width: 849px) {

}



@media screen and (max-width: 549px) {
	body {
/* 		font-size: 0.2em; */
	}
}


/*#tool {
	font-size: 11px;
}

#communication {
	font-size: 16px;
	font-weight: 700;
	
	-webkit-transform: rotate(13deg);
}

#emphasis {
	font-size: 16px;
	font-weight: 700;
	width: 300px;
	
	-webkit-transform: rotate(26deg);
}

#exact{
	font-size: 12px;
	font-weight: 700;
	margin-left: -10px;
	
	-webkit-transform: rotate(39deg);
}

#eg{
	font-size: 18px;
	width: 270px;
	letter-spacing: .5px;
	margin-left: -20px;
	
	-webkit-transform: rotate(52deg);
}

#amorphous{
	font-weight: 700;
	font-size: 14px;
	width: 250px;
	margin-left: -30px;
	
	-webkit-transform: rotate(65deg);
}

#priority{
	-webkit-transform: rotate(78deg);
}
#legibility{
	-webkit-transform: rotate(91deg);
}
#letters{
	-webkit-transform: rotate(104deg);
}
#printedimage{
	margin-top: -80px;
	margin-left: -80px;
	
	-webkit-transform: rotate(117deg);
}
#direction{
	-webkit-transform: rotate(130deg);
}
#alluse{
	-webkit-transform: rotate(143deg);
}
#language{
	-webkit-transform: rotate(156deg);
}
#techniques{
	-webkit-transform: rotate(169deg);
}
#egyptians{
	-webkit-transform: rotate(182deg);
}
#books{
	-webkit-transform: rotate(195deg);
}
#develop{
	-webkit-transform: rotate(208deg);
}
#opinion{
	-webkit-transform: rotate(221deg);
}
#film{
	-webkit-transform: rotate(234deg);
}
#indications{
	-webkit-transform: rotate(247deg);
}
#objection{
	-webkit-transform: rotate(260deg);
}
#effectiveposter{
	-webkit-transform: rotate(273deg);
}
#expert{
	-webkit-transform: rotate(286deg);
}
#expert2{
	-webkit-transform: rotate(299deg);
}
.typefaces
#thenewtypography{
	-webkit-transform: rotate(312deg);
}*/