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

#top {
    height:60px;
    background: #fff;
}

#right {
    background: #5288f7;
    z-index: 1;
}

#left {
    background: #fb5737;
    z-index: 1;
}

#logo {
    width:120px;
}

#worklink, #aboutlink {
    opacity:1;
}

#project_bar {
	width:100vw;
	height:60px;
	position: fixed;
	background: #f8edd9;
	border-bottom:1px solid #000;
	display: flex;
	align-items: center;
	justify-content: center;
	top:60px;
	z-index: 2;
}

#project_bar h1 {
	color: #000;
	margin: 0;
	padding: 0px;
}

.main_content {
    top:120px;
    border-top:0;
}

.cols2_wrapper {
	width:100%;
	height:auto;
	margin:4vh 0;
	overflow:hidden;
	border-bottom:1px solid #000;
}

.work_holder {
	float: left;
	width:calc(50% - 1px);
	min-height: 300px;
}

.img_holder {
	width:100%;
	position: relative;
}

.img_holder a{
	display: block;
}

.img_holder svg {
	width:100%;
	position: absolute;
}

.preview_wrapper {
	width:80%;
	height: 40vh;
	margin:0% auto;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;

}

.img_holder img {
	width:100%;
	display: block;
}

.img_holder video {
	width:100%;
	display: block;
}

.feat_dets {
	width:100%;
	overflow: hidden;
}

.dets_wrapper {
	width:100%;
	display: flex;
	margin:5% auto;
	justify-content: center;
	overflow: hidden;
	min-height:50vh;
}

.dets_wrapper div {
	width:80%;
}

h2.feat_title {
	display: block;
	width:100%;
	margin:0% 0% 5% 0%;
}

.work_tags {
	width:100%;
}