#products_section article h2{
	font-weight: 300;
	font-size: 30px;
	text-align: left;
	padding-top: 30px;
	padding-bottom: 30px;
	
		padding-left: 15%;
	padding-right: 15%;
}

#products_section #ProductsHeader{
	text-align: center;
	padding-top: 15px;
	padding-bottom: 50px;
}

#products_section #ProductsHeader h2{
	text-align: center;
	font-size: 40px;
	padding-top: 50px;
	padding-bottom: 20px;
	font-weight: 300;
}

#products_section article{
	position: relative;
	padding: 15px;

	text-align: center;
}

#products_section #dpfc{

}

#products_section img{
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

	-webkit-transition: width 2s; /* Safari */
	transition: width .5s;


}

#products_section #dpfc img, #rossorama img{
	position: relative;
	width: 60%;
	width: 300px;
	height: auto;
	vertical-align: top;
}

#products_section #SharePoint{
	/*
	text-align: center;
*/
}

#products_section #SharePoint img{
	width: 25%;
	width: 200px;
	height: auto;
	vertical-align: middle;
	vertical-align: top;
}

#products_section #SharePoint img:hover{

	width: 300px;

	cursor: pointer;
}

#products_section #dpfc img:hover, #rossorama img:hover{

	width: 500px;

	cursor: pointer;
}


#products_section #resume{
	padding: 15%;
	padding-top: 60px;
	padding-bottom: 60px;
}

#products_section #resume a{
	color: blue;
}

#products_section #resume a:hover{
	color: green;
}

#products_section article{
	text-align:center !important;
}

@media screen and (max-width: 950px) {
	#products_section #SharePoint img:hover{

		width: 200px;

		cursor: pointer;
	}

	#products_section #dpfc img:hover, #rossorama img:hover{

		width: 300px;

		cursor: pointer;
	}
}