@media (min-width:0px)  { 

body {
  background-color:FBFBFB;
	align-content: center;
}

html { 
  background: url(/media/backgroundtile.gif) repeat center top fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

}


	.grid {
		align-content: center;
 		 font-family: Arial, Helvetica, sans-serif;
				font-size: 1.2rem;
		 text-transform: uppercase;
	}

	.copy {
		  font-family: Arial, Helvetica, sans-serif;
		font-weight: 200; 
		color: #000000; /* Fallback for older browsers */
    color: rgba(000, 000, 000, 0.5);
				font-size: 1.2rem;
 		text-transform: uppercase;
 		 width: 60%; height: auto; 
 		 margin-left:20%; margin-right:20%;  }
	

/* unvisited link */
a:link {
  color: violet;
}

/* visited link */
a:visited {
  color: violet;
}

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

/* selected link */
a:active {
  color: yellow;
}

a:link {
  text-decoration: none;
  font-weight: bold;
}


.static {
  position:absolute;
  background: white;
}

.static:hover {
  opacity:0;
}

#button {  width: 33%; height: auto; } 
	 #orb { width: 22%; height: auto; }

}




@media (min-width:999px)  { 

body {
  background-color:FBFBFB;
	align-content: center;
}

html { 
  background: url(/media/backgroundtile.gif) repeat center top fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

}


	.grid {
		align-content: center;
 		 font-family: Arial, Helvetica, sans-serif;
				font-size: 1.2rem;
		 text-transform: uppercase;
	}

/* unvisited link */
a:link {
  color: violet;
}

/* visited link */
a:visited {
  color: violet;
}

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

/* selected link */
a:active {
  color: yellow;
}

a:link {
  text-decoration: none;
  font-weight: bold;
}


.static {
  position:absolute;
  background: white;
}

.static:hover {
  opacity:0;
}

#button {  width: 22%; height: auto; } 
	 #orb { width: 16%; height: auto; }

}