/* CSS Document */
.heroImage{
	width: 100%;	
	text-align: center;
	display: block;
}
.heroImage img{
	margin:0 0 0 0;
	width: 100%;
	height: auto;
}
	.workpicImage img{
	margin:0 0 0 0;
	width: 40%;
	height: auto;
}
	.workpicLarge img{
	margin-left:auto;
	margin-right:auto;
	width: 70%;
	height: auto;

}
	.workpicSmall img{
	margin:0 0 0 0;
	width: 40%;
	height: auto;
}
	.workpicXsmall img{
	margin:5px 5px 5px 5px;
	width: 15%;
	height: auto;
}
.video{
	margin: 0,0,0,0;
	width: 90%;
	height: auto;
}	
	
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }	

.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }

.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

@media only screen and (min-width: 720px){
	.mainContainer{
		width: 100%;
		max-width: 800px;
		margin: auto;
	}
	.navBar{
		display: none;
	}
	.imageText{
		margin: -5px 0 20px 0;
	}
	.descriptiveText{
		margin: -20px 0 20px 0;
	}		
	h4{
		font-size: 1em;
	}
	.workpicImage img{
	margin:0 0 0 0;
	width: 40%;
	height: auto;
}
}