body {

  background: url(../img/bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

}

img {

	text-align: center;
}

.about {

	margin: 0; padding: 0; 
	text-align: center;
	padding-top: 150px;
;
}

.about h1 {
padding-top: 20px;
text-align: center;
color: #fff;
font-family: 'PT Serif', serif;
font-weight: 300;
font-size: 70px; 
letter-spacing: -4px;
text-shadow: 1px 2px rgba(0, 0, 0, 0.4);
line-height: 50px;

}

.border {

	border: 5px solid #fff;
}

.social

{
	color: #fff;
	text-align: center;
	padding: 50px;
}

.social i {

	padding: 20px;
}

.position {
    margin: 40px;

}

.position span { 
    /* to hide the lines from behind the text, you have to set the background color the same as the container */ 
    background: #21cd9c; 
    padding: 15px 15px 15px 15px; 
    font-family: 'Open Sans';
    color: #fff;
    border-radius: 5px;
    font-size: 14px;

}


.position span:hover { 
    /* to hide the lines from behind the text, you have to set the background color the same as the container */ 
    background: #fff; 
    color: #21cd9c; 
       -webkit-transition: margin-top 0.2s ease-out;
     -moz-transition: margin-top 0.2s ease-out;
     -o-transition: margin-top 0.2s ease-out;
     -ms-transition: margin-top 0.2s ease-out;

}

@media only screen and (max-width : 320px) {

	.about {

	padding-top: 30px;
			
			}


.img-circle {

	width: 180px;
}

	}

	@media only screen and (max-width : 600px) {

	.about {

	padding-top: 50px;
			
			}
}

	}