.sitecontent {
	margin-top: 4%;
	padding: 4%;
	text-decoration: 
}
.projectimages {
	padding: 50px;
	background-color: #f5f5f5;
}
.projectimages img {
	margin-bottom: 10px;
}
.projectib {
	padding-right: 2%;
	color: #787878;
	padding-left: 7%;
}
.projectib h3 {
	font-size: 26px;
	color: #444;
	margin-bottom: 20px;
}
.projectib .subtitle {
	font-size: 14px;
	margin-bottom: 30px;
}
.projectib .more {
	display: inline-block;
	background-color: #444;
	border-radius: 30px;
	border: 1px solid #444;
	color: #fff;
	padding: .5em 2.5em;
	margin-top: 30px;
}
.projectib .more:hover {
	background-color: #fff;
	color: #444;
	transition: all .3s;
}
.projectib .other-product {
	display: inline-block;
	text-align: left;
	background-color: #f3f3f3;
	font-size: 13px;
	border-radius: 3px;
	color: #989898;
	padding: 6px 12px;
}
.projectib .other-product:hover {
	color: #f3f3f3;
	background-color: #989898;
	transition: all .3s;
}
.projectib .projectitem {
	margin-top: 20px;
	text-align: center;
}
.clearfix {
	clear: both;
}

@media screen and (max-width: 767px) {
 .projectib {
	 margin: 50px 20px;
 }
}