@charset "UTF-8";
/* CSS Document JP Styles*/

.jp-project-text {
	width: 60%;
	margin: 0 auto;
	text-align: center;
	padding: 20px;
    background-color: rgba(0, 0, 0, 0.6);
}

.jp-section-line {
	border-top: 10px solid #fff;
}

.jp-vid-section {
	margin: 80px 0 80px;
	    padding-bottom: 150px;
}

.jp-vid-section h1{
	font-size: 33px;
}

.title-dark {
	color: #000;
}

.jp-vid-box {
	width: 40%;
	margin: 0 auto;
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.jp-footer {
	padding: 40px 0;
	text-align: center;
}

@media only screen 
   and (max-width : 768px) {
   .jp-vid-box {
	width: 90%;
	margin: 0 auto;
}
}