.mt-20{
	margin-top: 20px;
}
.mt-15{
	margin-top: 15px;
}
.mb-20{
	margin-bottom: 20px;
}

html {
	background:url('../images/bg.png') no-repeat center center;
	background-size: cover;	
	height: 100%; 
	min-height: 918px;
}
body {
  	height: 100%;  	
	background: transparent;
}

.header{

}
	.header .logo{
		/* max-width: 310px; */
		max-width: 159px;
		width: 100%;

	}

.caption{
	background: url('../images/caption_patern.png') repeat;
	background-color: rgb(255, 255, 255);
	border-radius: 10px;
	box-shadow: 2.5px 4.33px 5px 0 rgba(0, 0, 0, 0.2);
	text-align: center;	
  
}
	.caption h2{
		color: rgb(51, 51, 51);
		font-family: "OpenSans-Bold";
		font-size: 22px;  		
  		text-transform: uppercase;
  		
  		margin: 25px 0;
	}

.content{
	background-color: rgb(0, 0, 0);
  	box-shadow: 2.5px 4.33px 5px 0 rgba(0, 0, 0, 0.15);
	padding: 0;
  	height: 340px;
}
	.content iframe{
		border: none;
		padding: 0;
		margin: 0;
	}


@media (min-width: 768px){
	.content {
		height: 440px;
	}
}
@media (min-width: 980px){
	.content {
		height: 540px;
	}
}
@media (min-width: 1401px){
	.content {
		height: 640px;
	}
}