@charset "utf-8";
/* CSS Document */
* {
    margin: 0;
	padding: 0;
}

body{
	background:#2e8d86;
    margin: 0;
	padding: 0;
}
.container{
	width: 80%;
    margin: 80px auto;
}
.container h1{
	color:#fff;
	padding: 60px 0;
	font-size: 44px;
	tex-align: center;
	}
.row {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.col {
	flex-basis: 50%;
	min-width: 250px;
}
.feature-img {
	width: 83%;
	height: 470px;
	top: 0px;
	
	border-radius: 6px;
	overflow: hidden;
	left: 1px;
		}
.small-img-row{	

background:#efefef;
margin: 20px 0;
border-radius:6px;
overflow:hidden;
width:85%;
float:left;
 }
.small-img{
	position:relative;	
}
.small-img img{
	width:150px;
}

.small-img-row p{
	margin-left: 20px;
	color:#707070;
	line-height: 22px;
}
.play-btn {
	width: 60px;
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	cursor:pointer;
}
.small-img .play-btn{
	width:35px;	
}
.video-player {
	
	position:absolute;
	left:48%;
	top:33%;
	transform:translate(-50%,-50%);
	display:none;
}
.video:focus {
	outline:none;
}
.close-btn {
	width: 30px;
	position:absolute;
	right:1px;
	top:1px;
	cursor:pointer;
}