.content-section{
	background: url(../images/bg.jpg);
	padding-top: 5rem;
}
.content-section .container{
	width: 128rem;
}
.media-area{
	padding-top: 56.25%;
	position: relative;
}
.pic-area{padding: 10px 0;}
.media-area iframe{
	width: 100%;
	height: 100%;
	position: absolute;top: 0;left: 0;
}
h1{
	background: rgba(241, 162, 80, 1);
	font-size: 32px;
	color: #fff;
	font-weight: 400;
	line-height: 1.5em;
	border-radius: 0 0 11rem 0;
	padding: .5em;
	margin:.5em 0;
}

.video-content h1{
	background: rgba(115, 175, 229, 1);
	border-radius: 0 11rem 0 0;
}
h1.type2{
	background: #84C163;
}
.content{
	padding-bottom: 2rem;
}
.date{
	display: block;
	margin-bottom: 1em;
	font-size: 14px;
	color: #9c9c9c;
}

.content p{
	color: #000;
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 1em;
	line-height: 1.5em;
}


@media screen and (max-width: 768px) {
    .container{
        width: 100%;
    }
    .content-section .container{
    	width: 100%;padding: 0 3rem;
    }
    h1{font-size: 28px;}
}


@media screen and (max-width: 750px) {
    .container{
        width: 100%;
    }
    .content-section .container{
    	width: 100%;padding: 0 3rem;
    }
    h1{font-size: 24px;}
}