body {
background-image:url(images/bg.jpg); /*http://img.docstoccdn.com/thumb/orig/157946508.png);*/
background-repeat:no-repeat;
background-position:top center;
background-size:cover;
font-family: 'Lato', sans-serif;
}
a, a:link, a:visited, a:active {
color: #2D5C80;
}

a:hover {
color: #0080FF;
}
.profile-wrapper{
	background:rgb(255,255,255);	
	background:rgba(255,255,255, .75);
	margin-bottom:20px;
	margin-top:20px;	
	min-height:90vh;
	max-width:990px;
}
#main{
	font-size:1.2em;
}
#profile-pic{
	padding:15px;
}
#profile-pic img{
	box-shadow: 1px 1px 3px #999;
	border:1px solid #CDD;
}
.titles{
	text-align:right;
	margin-bottom:10px;
}

.name{
	color:#2D5C80
}
h1.name{
	font-size:2.5em;
}
.title{
	margin:0;
	color:#666;
	font-size:1.6em;
}
.social-links{
    border-top: 1px solid #DDD;
    clear: both;
    margin: 15px 0;
    padding:15px 0;
}
.social-icon, .custom-icon{
	background-repeat: no-repeat;
    display: inline-block;
    text-indent: -9999px;
    height: 30px;
    margin: 5px 10px;
    width: 30px;
}
.custom-icon{
	background-size:30px;
}
.social-icon{
    background-image: url(images/icon-sprite.png);
}
.col-icon, col-link{
	float:left;
}
.fb{
    background-position: 0 0;
}
.ig{
     background-position: -64px 0;
}
.in{
     background-position: -32px 0;
}

@media screen and (min-width: 1200px) { 
	.profile-wrapper{
		max-width:990px;
	}
}
@media screen and (max-width: 767px) { 
 #profile-pic, .titles {
    text-align:center;
  }
}