site/static/css/about/main.css

img.textwrap-right {
	float: right;
	margin: 10px;
}

.well {
	margin-top:-20px;
	text-align:center;
	cursor:pointer;
	font-size: 25px;
	padding: 15px;
	border-radius: 0px !important;
}

.well:hover {
	margin-top:-20px;
	border:2px solid black;
	text-align:center;
	cursor:pointer;
	font-size: 25px;
	padding: 15px;
	border-radius: 0px !important;
}

.bg_blur
{
	background-image:url('http://data2.whicdn.com/images/139218968/large.jpg');
	height: 300px;
	background-size: cover;
}

.follow_btn {
	text-decoration: none;
	position: absolute;
	left: 35%;
	top: 42.5%;
	width: 35%;
	height: 15%;
	background-color: #007FBE;
	padding: 10px;
	padding-top: 6px;
	color: #fff;
	text-align: center;
	font-size: 20px;
	border: 4px solid #007FBE;
}

.follow_btn:hover {
	text-decoration: none;
	position: absolute;
	left: 35%;
	top: 42.5%;
	width: 35%;
	height: 15%;
	background-color: #007FBE;
	padding: 10px;
	padding-top: 6px;
	color: #fff;
	text-align: center;
	font-size: 20px;
	border: 4px solid rgba(255, 255, 255, 0.8);
}

.header{
	color : #808080;
	margin-left:10%;
	margin-top:70px;
}

.picture{
	height:150px;
	width:150px;
	position:absolute;
	top: 75px;
	left:-75px;
}

.picture_mob{
	position: absolute;
	width: 35%;
	left: 35%;
	bottom: 70%;
}

.btn-style{
	color: #fff;
	background-color: #007FBE;
	border-color: #adadad;
	width: 33.3%;
}

.btn-style:hover {
	color: #333;
	background-color: #3D5DE0;
	border-color: #adadad;
	width: 33.3%;
}

@media (max-width: 767px) {
	.header{
		text-align : center;
	}

	.nav{
		margin-top : 30px;
	}
}