#badge{
	float:left;
	position:absolute;
	top:17%;
	left:3%;	
}

#donleyWallPixel{
	background-image: url("../caseStudies/donkey-wall.jpg");
	width: 100%;
	height: 25%;
	position: absolute;
}

#postit{
	float:right;
	position:absolute;
	top:50%;
	right:15%;	
}


#flashContent{
	text-align:center;
	margin:0 auto;
	position:absolute;
	overflow:hidden;
	display:block;
}

.arcade{
	position:relative;
	padding-top:10%;
	pointer-events:none;
}

.folder{
	padding-top:7%;
	padding-bottom:10%;
	text-align:center;
	position:relative;
	margin:0 auto;
	overflow:hidden;
	clear:both;
}

#sliderContainer{
	width: 60%;
	position:absolute;
	background-color:#000;
	display:none;
}

nav {
	position: fixed;
}

@media screen and (min-width:50px) {
.arcadePic{width:93.9%;}
#badge{width:22%;}
#postit{width:16.85%;}
.folderPic{width:94.1%;}
#flashContent, #sliderContainer{width:60%; height:12%; top:30%; left:20%;}
}

@media screen and (min-width:340px) {
#flashContent, #sliderContainer{height:19%; top:12%;}
}

@media screen and (min-width:400px) {
#flashContent, #sliderContainer{height:19.2%; top:13%;}

}

@media screen and (min-width:450px) {
}

@media screen and (min-width:550px) {
#flashContent, #sliderContainer{height:21%; top:13%;}
}

@media screen and (min-width:560px) {
#flashContent, #sliderContainer{height:21.5%; top:12.5%;}
}

@media screen and (min-width:600px) {
#flashContent, #sliderContainer{height:21%; top:13.5%;}
}

@media screen and (min-width:650px) {
}

@media screen and (min-width:700px) {
}

@media screen and (min-width:800px) {
}

@media screen and (min-width:900px) {
}

@media screen and (min-width:1000px) {
#flashContent, #sliderContainer{height:21%; top:13.5%;}
}