@charset "utf-8";
 
 


#what-we-have-done
{
	background-color: rgb(34,37,40);
	min-height: 100%;
	width: 87%;
	float: right;
	background-size:cover;
	float: right;
	width: 87%;
	padding-top: 4%;
	color: rgb(200,200,200);
}
#what-we-have-done .column {
	margin: 1.8%;
	padding: 1.8%;
	width: 26%;
	float: left;
 
}


#what-we-have-done h1 {
	font-size: 3.2vw;
	text-align: center;
	width: 100%;
	color: rgb(246,151,100);
}
#what-we-have-done h3 {
	 font-size: 1.5vw;
	text-align: center;
	width: 100%;
	color: rgb(246,151,100);
}
#what-we-have-done h2 {
	font-size: 2vw;
	text-align: center;
	width: 100%;
	color: rgb(246,151,100);
	font-weight: 400;
}
#what-we-have-done #portfolio {
	width: 98%;
	margin-right: 1%;
	margin-left: 1%;
	text-align: center;
	padding-top: 4%;
}
#what-we-have-done #portfolio .item  {
	width: 24.8%;
	float:left;
	background-color: #2e353a;
	height: 22vw;
	display: inline-block;
	margin-left: 1px;
	margin-bottom: 2%;
}
#what-we-have-done #portfolio figure a img {
			-webkit-transform:scale(1,1);
	-moz-transform:scale(1,1);
	-ms-transform:scale(1,1);
	transform:scale(1,1);

	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
}
#what-we-have-done #portfolio .item figure {
	overflow: hidden;
 }

#what-we-have-done #portfolio .item-1 figure {
	overflow: hidden;
 }
#what-we-have-done #portfolio figure a img:hover {
			-webkit-transform:scale(1.2,1.2);
	-moz-transform:scale(1.2,1.2);
	-ms-transform:scale(1.2,1.2);
	transform:scale(1.2,1.2);

	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
}
 

#what-we-have-done #portfolio .item-1 {
	width: 24.8%;
	float:left;
	background-color: #373f45;
	height: 22vw;
	display: inline-block;
	margin-left: 1px;
	margin-bottom: 2%;
}
#what-we-have-done #portfolio .info {
	font-family: 'Oswald', sans-serif;	
	text-align: left;
	padding: 1vw;
}
#what-we-have-done #portfolio .info .type {
	color: #f69764;
	font-size: 0.9vw;
	font-weight: 300;
}
#what-we-have-done #portfolio .info .name {
	color: #f69764;
	font-size: 1.6vw;
	font-weight: 400;
}
#what-we-have-done #portfolio .info .desc {
		font-family: 'Roboto', sans-serif;
	font-size: 0.8vw;
	font-weight: 400;
}