html {
   -webkit-text-size-adjust: none;
}
.video embed,
.video object,
.video iframe {
   width: 100%;
   height: auto;
}
img{
	max-width:100%;
	height: auto;
   	width: auto\9; /* ie8 */
}

@media only screen and (min-width: 960px){
	/* -------------------------------------------- */
	#content {margin:0px auto; padding:20px 0px;}
	/* ------------------Header-------------------- */

	/* -------------------------------------------- */
	/* ------------------Content------------------- */

	/* ------------------Footer-------------------- */
	footer {width:960px; margin:0px auto; background-color:#333;}
	/* -------------------------------------------- */
	/* ------------------Other----------------*---- */
	.hero {  height: 700px;}
	.hero h1 {
	  position: absolute;
	  left: 0;
	  width: 100%;
	  padding: .4em;
	  font-size: 3em;
	  font-weight: lighter;
		color:#FFFFFF;
		top: 50%
	}
	.content-wrapper {  width: 80%;	margin-top:120px;}
	.box{width: 31%; float:left;text-align:center; margin:10px;}
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	/* -------------------------------------------- */
	/* ------------------Header-------------------- */
	.headtxt {display:none;}
	/* -------------------------------------------- */
	/* ------------------Content------------------- */

	/* -------------------------------------------- */
	/* ------------------Footer-------------------- */

	/* -------------------------------------------- */
	/* ------------------Other----------------*---- */
	.hero {  height: 500px;}
	.hero h1 {
	  position: absolute;
	  left: 0;
	  width: 100%;
	  padding: .4em;
	  font-size: 3em;
	  font-weight: lighter;
		color:#FFFFFF;
	}
	.content-wrapper {  width: 80%;	margin-top:100px;}
	.box{width: 31%; float:left;text-align:center; margin:10px;}
}



@media only screen and (min-width: 620px) and (max-width: 767px) {
	/* -------------------------------------------- */
	/* ------------------Header-------------------- */
	.headtxt {display:none;}
	/* -------------------------------------------- */
	/* ------------------Content------------------- */

	/* -------------------------------------------- */
	/* ------------------Footer-------------------- */

	/* -------------------------------------------- */
	/* ------------------Other----------------*---- */
	.hero {  height: 300px;}
	.hero h1 {
	  position: absolute;
	  left: 0;
	  width: 100%;
	  padding: .4em;
	  font-size: 2em;
	  font-weight: lighter;
		color:#FFFFFF;
	}
	.content-wrapper {  width: 90%;	margin-top:80px;}
	.box{width: 31%; float:left;text-align:center; margin:10px;}
}

@media only screen and (min-width: 480px) and (max-width: 619px) {
	/* -------------------------------------------- */
	/* ------------------Header-------------------- */
	.headtxt {display:none;}
	/* -------------------------------------------- */
	/* ------------------Content------------------- */

	/* -------------------------------------------- */
	/* ------------------Footer-------------------- */

	/* -------------------------------------------- */
	/* ------------------Other----------------*---- */
	.hero {	height:300px;}	
	.hero h1 {
		  position: absolute;
		  left: 0;
		  width: 100%;
		  padding: .4em;
		  font-size: 1.5em;
		  font-weight: lighter;
			color:#FFFFFF;
		}
	.content-wrapper {  width: 90%;	margin-top:30px;}
	.box{width: 96%; float:left;text-align:center; margin:10px;}
}

@media only screen and (max-width: 479px) {
	/* -------------------------------------------- */
	/* ------------------Header-------------------- */
	.headtxt {display:none;}
	/* -------------------------------------------- */
	/* ------------------Content------------------- */


	/* ------------------Footer-------------------- */

	/* -------------------------------------------- */
	/* ------------------Other----------------*---- */
	.hero {	height:200px;}
	.hero h1 {
		  position: absolute;
		  left: 0;
		  width: 100%;
		  padding: .4em;
		  font-size: 2em;
		  font-weight: lighter;
			color:#FFFFFF;
		}
	.content-wrapper {  width: 90%;	margin-top:20px;}
	.box{width: 96%; float:left;text-align:center; margin:10px;}
}