/*-- Content --*/

.portfolio-item {
	width: 400px;
	color: #161515;
	display: inline-block;
	margin-top: 50px;
	margin-right: 20px;
	margin-left: 20px;
	-webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
    cursor: pointer;
}

.portfolio-item:hover {
	opacity: 0.7;
}

.portfolio-item h3 {
	font-family: "Georgia", sans-serif;
	font-weight: 600;
	display: block;
	padding: 0;
	margin: 0;
	text-align: left;
	font-style: italic;
}

.portfolio-item p {
	font-family: "Open Sans", sans-serif;
	font-weight: 300;
	padding: 0;
	margin: 0;
	text-align: left;
}

.portfolio-item .image {
	width: 100%;
	height: 200px;
	background-color: #1e1e1e;
}

#project-bbm {
	background-image: url("bbm_small.jpg");
	background-position: center center;
	background-repeat: no-repeat;
}

.portfolio-description {
	width: 100%;
	height: 100%;
	padding: 50px;
	position: fixed;
	top: 0;
	left 0;
	bottom: 0;
	right; 0;
	background-color: rgba(0,0,0,0.5);
}

.portfolio_description_box {
	width: 100%;
	height: 100%;
	background-color: white;
	box-shadow: 0 0 25px 10px rgba(0,0,0,0.5);
	overflow: auto;
}

.blur {
	-webkit-filter: blur(2px);
	-moz-filter: blur(2px);
	-o-filter: blur(2px);
	-ms-filter: blur(2px);
	filter: blur(2px);
}

.display {
	display: block;
}

.hide {
	display: none;
}

.no_scroll {
	overflow: hidden;
}

#close {
	position: fixed;
	top: 0;
	right: 20px;
	color: white;
	font-size: 40px;
	cursor: pointer;
	font-family: "Open Sans", sans-serif;
	font-weight: 100;
}

#social {
	position: absolute;
	top: 20px;
	right: 20px;
}