/********************************************************************************************* 

3.  Grid 980px (mediaqueries)

*********************************************************************************************/

@media only screen and (min-width: 960px) and (max-width: 2199px) {
.vid{width:100%; height:200px;}
.livevid{width:100%; height:500px;}
}
	
/********************************************************************************************* 

4.  Grid 720px (mediaqueries)

*********************************************************************************************/

@media only screen and (min-width: 720px) and (max-width: 959px) {
.vid{width:100%; height:300px;}
.livevid{width:100%; height:500px;}
}

/********************************************************************************************* 

5.  Grid lt 720px / Mobile (mediaqueries)

*********************************************************************************************/
	
@media only screen and (max-width: 719px) {	
.vid{width:100%; height:300px;}
.livevid{width:100%; height:300px;}
}
@media only screen and (max-width: 360px) {
.vid{width:100%; height:200px;}
.livevid{width:100%; height:200px;}
}

/********************************************************************************************* 

6.  Responsive Image

*********************************************************************************************/


img.scale, img.responsive {
	max-width: 100%;
	height: auto;
}