/* supplemental code bits universally available for embedding framed content */
/* code from embed responsively. 
 usage example: 
<div class='embed-container'><iframe src='http://alistapart.com/article/responsive-web-design/' style='border:0'></iframe></div>
*/

.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%; 
	}
	
<link href="widgets.css" rel="stylesheet">