/*.content h1{
	letter-spacing:1px;
}*/
.content h2{
	margin-bottom:14px; 
	padding-bottom:4px;
	text-transform:uppercase;
	border-bottom:1px solid #000;
}
.content{
	width:100%;
	position:relative;
}

.content1,.content2,.content3{
	width:100%;
	height:auto;
	position:relative;
	font-size: 0;
}
.content .info_img video{
	object-fit: cover;
}
.info{
	width:30%;
	/*padding:8% 10%;*/
	padding-left:10%;
	padding-right: 10%; 
	height:auto;
	display:inline-block;
	position:relative;
	vertical-align:middle;
}
.info .inner{
	margin:0 auto;
}
.info_img{
	width:50%;
	height:auto;
	display:inline-block;
	position:relative;
	vertical-align:middle;
}
/*.info_img video{
	width:100%;
}*/
.info span{
	/*display: block;
	width:40px;
	height: 1px;
	background-color: #fff;
	margin-top: 17px;*/
}
.info_img img{
	width:100%;
	height:auto;
	max-width: 100%;
	display: block;
}

.content .inner p{
	/*padding-top:10px;*/
	/*border-top:1px solid #000;*/
}

/*responsive*/
@media screen and (min-width: 1920px){
	/*.info h1{
		font-size:48px;
	}*/
}
@media screen and (min-width: 1440px){
	.link{
		display: inline-block;
		width: 8px;
		height: 8px;
		border-radius: 8px;
		border: 2px solid #f33;
		margin-left: 10px;
	}
}
@media screen and (max-width: 1280px){
	
}

@media screen and (max-width: 768px){
	h1{
		font-size:24px;
		line-height:28px;
	}
	h2{
		font-size:18px;
		line-height:22px;
	}
    	.info_img{
		width:100%;	
	}
	 .info{
	 	width: 80%;
	 	padding:8% 10%;
	 }
	 .info span{
	 	width:60px;
	 }
	 .content2:nth-child(1) .info_img{
	 	position: relative;
	 	height:210px;
	 	background:url(../img/video.jpg) no-repeat center center;
	 	-webkit-background-size:cover;
	 	background-size:cover; 
	 }
	 .content2 .info_img video{
		display: none;
		position: relative;
		width: 100%;
		height: auto;
		min-width: 100%;
		max-height: 100%;
		z-index: 1000;
		left: 50%;
		top: 50%;
		transform: translate(-50%,-50%) scale(1);
		-webkit-transform: translate(-50%,-50%) scale(1);
	 }
	.content2 .info_img  .video_display{
	 	display: block;
	 }
	 .content2 .info_img:before{
	 	content:"";
	 	display:block;
	 	width:100%;
	 	height:100%;
	 	position: absolute;
	 	left:0;
	 	top:0;
	 	z-index: 1;
	 	background:rgba(0,0,0,0.5);
	 }
	.content2 .info_img  .watch{
		background: url(../img/icon/brownie_video.svg) no-repeat -12px -494px;
		width: 48px;
		height: 48px;
		cursor:pointer;
		-webkit-background-size:1080px 540px;
		background-size: 1080px 540px;
		position: absolute;
		left: 49%;
		top: 49%;
		z-index: 9;
		transform: translate(-50%,-50%);
		-webkit-transform: translate(-50%,-50%);
	}
}