body{
	font-family: 'Raleway', sans-serif;
	margin: 0
}
h1,h2,h3,h4,h5,h6,p{
	margin:0;
}

.main-area{
	max-width: 640px;
	width:100%;
	margin:0 auto;
	background: url(images/bg.jpg) no-repeat scroll 0 0 / 100% 100%;
}

.header {
	background: #009AFA;
	text-align: center;
	padding: 20px 0;
}
.header img {
	height: 50px;
}
.content-box{
	padding-top:40px;
	padding-bottom:70px;
	overflow: hidden;
	text-align: center;
}

.content-box h3 {
	color: #009BFA;
	font-weight: 900;
	font-size: 45px;
	margin-bottom: 50px;
}

.video-box{
	margin-bottom:25px;
}
.video-box iframe {
	width: 80%;
	height: 285px;
	box-shadow: 0 0 40px #7d7878;
}
.content-box a {
	color: #009BF8;
	border: 1px solid #009BF8;
	display: inline-block;
	padding: 10px 30px;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 2px;
	font-size: 16px;
}
.content-box a:hover{
	background: #009BF8;
	color:#FFF;
}

.content-box p {
	color: #009BF8;
	font-weight: 500;
	text-align:center;
	margin-top: 20px;
	font-size: 15px;
	text-transform: uppercase;
}
#ci_was_vi{
	width:90%;
	margin:0 auto;
	
}
@media all and (max-width:600px){
	.video-box iframe {
		width: 100%;
		height: 213px; 
		max-width: 375px;
	}
}
@media all and (max-width:400px){
	
	.content-box h3 {
		font-size: 28px;
		margin-bottom: 30px;
	}
	.video-box iframe {
		width: 100%;
		height: 183px;
		max-width: 310px;
	}
	.content-box a {
		padding: 10px 20px;
		font-size: 12px;
	}
	.content-box{
		padding-bottom: 40px;
	}
	.header img {
		height: 40px;
	}
	
	

}