/** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */
	html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {	
	margin: 0;	
	padding: 0;	
	border: 0;	
	font-size: 100%;	
	font: inherit;	
	vertical-align: baseline;}
	
	/* HTML5 display-role reset for older browsers */
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	
	display: block;}
	
	body {	
	line-height: 1.5;
	}
	
	ol, ul {	
	list-style: none;
	}
	
	blockquote, q {	
	quotes: none;
	}
	
	blockquote:before, blockquote:after,q:before, q:after {	
	content: '';	
	content: none;
	}
	
	table {	
	border-collapse: collapse;	border-spacing: 0;
	}	
	
	/* end reset */
	
	
	
	
	/* default styles */
	
	header {
		font-family: Play, sans-serif;
		text-align: center;
		
		margin: 1%;
		color: black;
		background: white;
		}
		
	body {
		font-family: Rajdhani, sans-serif;
		background: white;
		color: black;
		
	}
	
	#wrapper {
		width: 100%;
		background: white;
		border: 1px solid white;
		
	}
	
	
	h1 {
	font-size: 3em;
	}
	
	h2 {
	
	font-size: 1.5em;
	text-align: center;
	}
	
	#headimg {
	
	background-image: url("images/header.jpg");
	min-height: 1000px;
	background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 90%;
	}
	
	#camera {
	background: white;
	background-image: url("images/camera.jpg");
	min-height: 1000px;
	background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 90%;
	}
	
	#color {
	
	background-image: url("images/color.jpg");
	min-height: 1000px;
	background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 90%;
	}
	
		#camfootage {
	background: black;
	background-image: url("images/camfootage.jpg");
	min-height: 1000px;
	background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	}
	
		#office {
	background-image: url("images/office.jpg");
	min-height: 1000px;
	background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 90%;
	}
	
		#static {
	
	background-image: url("images/static1.gif");
	min-height: 1000px;
	background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 90%;
	}
	
		#prism {
	
	background-image: url("images/prism.jpg");
	min-height: 1000px;
	background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 60%;
	}
	
		#nsa {
	background: black;
	background-image: url("images/nsa.jpg");
	min-height: 1000px;
	background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 90%;
	}
	
		#code1 {
	background: black;
	background-image: url("images/code1.jpg");
	min-height: 1000px;
	background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	}
	
		#code2 {
	background: black;
	background-image: url("images/code2.jpg");
	min-height: 1000px;
	background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	}
	
		#static2 {
	background: black;
	background-image: url("images/static2.gif");
	min-height: 1000px;
	background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 90%;
	}
	
	footer {
	background: black;
	color: white;
	text-align: center;
	}
	
	
	/* tablet styles */
	@media only screen and (min-width: 550px) and (max-width: 700px) {
	
	header {
		font-family: Play, sans-serif;
		text-align: center;
		
		margin: 1%;
		color: black;
		background: white;
		}
		
	body {
		font-family: Rajdhani, sans-serif;
		background: white;
		color: black;
		
	}
	
	#wrapper {
		width: 100%;
		background: white;
		border: 1px solid white;
		
	}
	
	
	h1 {
	font-size: 4em;
	}
	
	h2 {
	
	font-size: 2em;
	text-align: center;
	}
	
	#headimg {
	
	background-image: url("images/header.jpg");
	min-height: 1000px;
	background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 90%;
	}
	
	#camera {
	background: white;
	background-image: url("images/camera.jpg");
	min-height: 1000px;
	background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 90%;
	}
	
	#color {
	
	background-image: url("images/color.jpg");
	min-height: 1000px;
	background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 90%;
	}
	
		#camfootage {
	background: black;
	background-image: url("images/camfootage.jpg");
	min-height: 1000px;
	background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	}
	
		#office {
	background-image: url("images/office.jpg");
	min-height: 1000px;
	background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 90%;
	}
	
		#static {
	
	background-image: url("images/static1.gif");
	min-height: 1000px;
	background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 90%;
	}
	
		#prism {
	
	background-image: url("images/prism.jpg");
	min-height: 1000px;
	background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 60%;
	}
	
		#nsa {
	background: black;
	background-image: url("images/nsa.jpg");
	min-height: 1000px;
	background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 90%;
	}
	
		#code1 {
	background: black;
	background-image: url("images/code1.jpg");
	min-height: 1000px;
	background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	}
	
		#code2 {
	background: black;
	background-image: url("images/code2.jpg");
	min-height: 1000px;
	background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	}
	
		#static2 {
	background: black;
	background-image: url("images/static2.gif");
	min-height: 1000px;
	background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 90%;
	}
	
	footer {
	background: black;
	color: white;
	text-align: center;
	}
	
	
}
	
	
	/* desktop styles */
	@media only screen and (min-width: 701px) {
	
	header {
		font-family: Play, sans-serif;
		text-align: center;
		
		margin: 1%;
		color: black;
		background: white;
		}
		
	body {
		font-family: Rajdhani, sans-serif;
		background: white;
		color: black;
		
	}
	
	#wrapper {
		width: 100%;
		background: white;
		border: 1px solid white;
		
	}
	
	
	h1 {
	font-size: 5em;
	}
	
	h2 {
	
	font-size: 2em;
	text-align: center;
	}
	
	#headimg {
	
	background-image: url("images/header.jpg");
	min-height: 1000px;
	background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 90%;
	}
	
	#camera {
	background: white;
	background-image: url("images/camera.jpg");
	min-height: 1000px;
	background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 90%;
	}
	
	#color {
	
	background-image: url("images/color.jpg");
	min-height: 1000px;
	background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 90%;
	}
	
		#camfootage {
	background: black;
	background-image: url("images/camfootage.jpg");
	min-height: 1000px;
	background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	}
	
		#office {
	background-image: url("images/office.jpg");
	min-height: 1000px;
	background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 90%;
	}
	
		#static {
	
	background-image: url("images/static1.gif");
	min-height: 1000px;
	background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 90%;
	}
	
		#prism {
	
	background-image: url("images/prism.jpg");
	min-height: 1000px;
	background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 60%;
	}
	
		#nsa {
	background: black;
	background-image: url("images/nsa.jpg");
	min-height: 1000px;
	background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 90%;
	}
	
		#code1 {
	background: black;
	background-image: url("images/code1.jpg");
	min-height: 1000px;
	background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	}
	
		#code2 {
	background: black;
	background-image: url("images/code2.jpg");
	min-height: 1000px;
	background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	}
	
		#static2 {
	background: black;
	background-image: url("images/static2.gif");
	min-height: 1000px;
	background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 90%;
	}
	
	footer {
	background: black;
	color: white;
	text-align: center;
	}
	
}