xesite/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: url('/static/img/avatar.png');
	height: 512px;
	background-size: cover;
	overflow: visible;
}

.bgblurback {
  height: 100%;
}

.fb_wrap {
		margin: 0 auto;
		padding: 10px;
}

.follow_btn {
	text-decoration: none;
	height: 20%;
	padding: 10px;
	background-color: #E5B7CE;
	padding-top: 6px;
	color: #fff;
	text-align: center;
	font-size: 20px;
	opacity: 1.0;
}

.follow_btn:hover {
	text-decoration: none;
	background-color: #FE9ACD;
	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;
	top: 75px;
	left:-75px;
	float: left;
}

.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;
	}
}