.embed-container, .embed-responsive {
	position: relative;
	width: 570px;
	height: 410px;
	background-image: url(/site/images/mscreen.svg);
	background-size: cover;
	background-repeat: no-repeat;
	overflow: hidden;
}

.embed-responsive iframe {
	padding: 12px;
}

.embed-responsive-item {
	top: -38px !important;
}

.banner p {
	font-size: 22px;
	font-family: 'Open Sans';
	font-weight: 100;
	color: #112540
}

.main .banner .copy {
	padding-right: 4em;
}

@media (max-width: 1199.98px) {
	.main .banner .copy {
		padding-right: 2em;
	}

}
@media (max-width: 1024px) {
	.embed-container, .embed-responsive {
		width: 480px;
		height: 344px;
	}

}
@media (max-width:991px) {
	.main .banner .copy {
		padding-right: 0em;
	}
	
	.embed-container, .embed-responsive {
		width: 690px;
		height: 496px;
	}


}
@media (max-width:768px) {
	.embed-container, .embed-responsive {
		width: 540px;
		height: 391px;
	}
.banner p  {
	font: 18px/24px 'Open Sans', sans-serif;

}
	
}

@media (max-width: 575.98px) {
	.main .banner .copy {
		padding-right: 15px;
	}
	
	.embed-container, .embed-responsive {
		height: 280px;
		margin: auto;
		width: 395px;
	}
	
	.main .banner .p-0 {
		padding: 15px!important;
		
	}
	
	.embed-responsive-item {
		top: -27px !important;
	}

}

@media (max-width: 420px) {
	.embed-container, .embed-responsive {
		height: 210px;
		width: 292px;
		margin: auto;
	
	}
	
	.embed-responsive-item {
		top: -20px !important;
	}

}
@media (max-width: 320px) {
	.embed-container, .embed-responsive {
		width: auto;
		/*background-image: none!important;*/
		padding: 0;
		height: 206px;
	}
}