style.css

@import url(http://fonts.googleapis.com/css?family=Berkshire+Swash);
*{
	color: #777;
  -webkit-transition: all 0.3s ease-out; 
     -moz-transition: all 0.3s ease-out; 
       -o-transition: all 0.3s ease-out; 
          transition: all 0.3s ease-out; 

}
.headfont{
	font-family: 'Berkshire Swash', cursive;
	color: #AAA;
}
body {
	margin: 0;
	height: 100%;
}
.bg, .bgfilter{
	position: fixed;
	width: 100%;
	height: 100%;
	background-image: url(img/bg.jpg);
	z-index: -1;
}
.bgfilter{
	background: rgba(17,17,17,0.8);
}
.mainwrapper{
	margin-top: 50px;
}
.centeredText{
	text-align: center;
}
.card{
	background: rgba(51,51,51,0.4);
	margin: 15px;
	padding: 10px;
	height: 200px;
	width: 350px;
	border-radius: 5px;
	box-shadow: #111 0 0 15px 0 inset;
	display:inline-block;
}
.card:hover{
	box-shadow: none;
  -webkit-transform: scale(1.09); 
     -moz-transform: scale(1.09); 
      -ms-transform: scale(1.09); 
       -o-transform: scale(1.09); 
          transform: scale(1.09); 
}
.card h3{
	margin: 20px 5px;
	padding: 0;
}
.card .detail{
	float: left;
	padding: 10px 30px;
	display: block;
}
.card .social{
	padding: 15px;
	display: table;
}
.card .social img{
	height: 30px;
	margin: 0 auto;
}
.footer{
	margin-top: 100px;
	background: #171717;
	padding: 50px;
	line-height: 20px;
}