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

.responsive {
  width: 100%;
  max-width: 650px;
  height: auto;
}

#project_bar {
    width: 100vw;
    left: 0px;
}

.main_content {
	position: relative;
	margin:0;
}

.video_holder_top {
	width:100%;
	height: 250px;

	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom:0px;
	margin-top:120px;
	position: relative;
	z-index: 1;
}

.video_holder {
	width:100%;
	height: 250px;

	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom:0px;
	margin-top:0px;
	position: relative;
	z-index: 1;
}

.video_holder .creative {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.project_left {
    width: 100%;
    padding: 5% 10%;
    position: relative;
}

.project_right {
    width: 100%;
    padding: 5% 10%;
    margin-left: 0;
}

ul.cred {
	list-style: none;
	overflow: hidden;
	padding: 0;
	margin:0;
	width:33%;
	float:left;
}


.swiper {
    margin: 0px;
}

.swiper-slide img {
	width:100%;
}

.project_gallery {
	width:100%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding:2px;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	margin:px 0px 0px 0px;
}