@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,700');

 body {
	 background-color: #e2e2e2;
	 text-align: center;
}
 .card {
	 display: inline-block;
	 width: 400px;
	 margin: 50px 8px;
	 text-align: center;
	 background-color: #fff;
	 padding: 30px 20px 40px;
	 border-radius: 5px;
	 box-shadow: 0 1px 3px rgba(45, 62, 80, .3);
	 color: #2d3e50;
}
 .card .fa {
	 width: 100px;
	 height: 100px;
	 background-color: #e2e2e2;
	 padding: 22px 0;
	 border-radius: 50%;
	 box-shadow: inset 0 1px 3px rgba(45, 62, 80, .3);
	 text-shadow: 0 1px 3px rgba(45, 62, 80, .3);
	 margin-bottom: 30px;
	 font-size: 60px;
}
 .card .title {
	 margin: 10px 0;
	 text-transform: uppercase;
	 font-weight: bold;
}
 .card p {
	 font-weight: 300;
}
 .card:hover {
	 transform: translateY(-5px);
	 box-shadow: 0 3px 10px rgba(45, 62, 80, .3);
}
 .card:hover .fa {
	 box-shadow: inset 0 3px 10px rgba(45, 62, 80, .3);
	 text-shadow: 0 3px 2px rgba(45, 62, 80, .3);
}