html {
   -webkit-text-size-adjust: none;
}
.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%;
}
video {
  width: 100%    !important;
  height: auto   !important;
}
img{
	max-width:100%;
	height: auto;
   	width: auto\9; /* ie8 */
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	nav {width:100%; margin:0 auto;}
	header, nav, .featured {width:768px;}
	nav ul li a {
		padding: 6px 10px 6px 10px;
}
}

@media only screen and (max-width: 767px) {
	header {margin-top: 0px;width:98%;height:170px;}
	header #search{bottom:10px; top:auto; right:5px;}
	.featured{width:100%;}
	nav {width:98%;background:none;height:auto;margin:0 auto;}
	nav ul li {float: none;background:#9c1a87;text-align:center;padding-bottom:0px;margin-top:5px;}
	nav ul li a {margin-bottom : 0px;}
	#content {background-color:#EFEFEF;}
	
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	
}