html {
	height: 100%;
	font: 1em/1.4 sans-serif;
	box-sizing: border-box;
}
*, *:before, *:after {
	box-sizing: inherit;
}

body{
	background: #EBEBE6;
	height: 100%;
}

/*@media all and (max-width: 698px){
img, 
video,
iframe {
	width: 100%;
	max-width: 100%;
}*/

.topbar{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 55px;
	background: #222E35;
}

.topbar img{
	margin-left: 1em;
}

.title{

	width: 100%;
	background: white;
	padding: 70px 0px 20px 0px;
	text-align: center;
	box-shadow: 30px 0px 30px #888888;;
}

.wrap{
	min-height: 100% ;
	width: 95%; max-width: 50em;
	margin: 0 auto;
	padding: 50px 0;
	text-align: center;
}

.wrap div{
	transition: all 0.5s ease;
}

.wrap iframe{
	padding-top: 10px;
}

.wrap div:hover{
	background: #97d600;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

.video {
	font-size: 36px;
	padding: 0.85em;
}
.video1{
	
}

.video2{
	
}

.video3{
	
}

.video4{
	
}

.footer{
	text-align: center;
	font-size: 1em;	
	color: white;
	padding: 2em;
	background: #58646A;
	width: 100%;
	height: 6em;
}