.recent-project {
	box-sizing: border-box;
	background: Black;
	border-top: 3px dashed #4721de;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	margin-bottom: .5em;
}

.recent-project:hover{
	background: #010522;
}

.recent-projects h1{
	font-family: roboFont;
	font-size: .9em;
	color: #f16202;
	padding: 0px 0px 5px 0px;
}

.recent-projects h2{
	font-size: .9em;
	color: #cfe901;
}

.recent-project img {
	margin-top: -3px;
	margin-left: .5em;
	height: 125px;
	width: 125px;
	border-top-right-radius: 10px;
	float: right;
}

.recent-project > div {

	font-size: .9em;
	margin-top: 5px;
	margin-right: 3px;
	line-height: 1.1em;
}

.recent-project p{
	margin: 5px;
	font-size: .8em;
	color: #586e75;
}

.recent-project-group:after {
  content: "";
  display: table;
  clear: both;
}



@media screen and (max-width: 900px) {
	.recent-project img {

		height: 75px;
		width: 75px;
	}
	
	.recent-project > div {
		font-size: .7em;
		
	}
}