@media screen and (min-width: 480px) {
	
	.brandbox-datacenter-iframe-overview {
		position: relative;
		overflow: hidden;
		width: 100%;
		padding-top: 68.75%; /* 16:11 Aspect Ratio*/
	}
	  
	.brandbox-datacenter-iframe {
		  position: relative;
		  overflow: hidden;
		  width: 100%;
		  padding-top: 56.25%; /* 16:9 Aspect Ratio*/
		  margin-bottom: 75px;
		  background: #f2f2f2;
	}
}

@media screen and (max-width: 479px)  {

	.brandbox-datacenter-iframe-overview, .brandbox-datacenter-iframe {
		position: relative;
		overflow: hidden;
		width: 100%;
		padding-top: 100%; /* 1:1 Aspect Ratio*/
		background: #f2f2f2;
		margin-bottom: 75px;
	}
}

.brandbox-datacenter-iframe-overview iframe, .brandbox-datacenter-iframe iframe{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
}