/* CSS of #about	*/
#about{
	width:100vw;
	height: 100vh;
	background-color:#121212;
}
.profile-img-block{
	width:100%;
	height: 35%;
/*	background-color: red; */
	text-align: center;
}
.img1{
/*	height: 30%;
	position: absolute;
	left:17%;
	top: 110%;  */
	height: 80%;
/*	margin-left: 19%; */
	margin-top: 8%;


}
#about h1{
	color: white;
	font-size: 150%;
	text-align: center;
/*	display: block;
	position: absolute;
	left: 40%;   */
	clear: both;
	margin-top: 15%;
/*	background-color: blue;  */
}
.profile-details{
	width: 100%;
	height: 50%;
/*	background-color: green;  
    margin-top:15%; 
	margin-top: 3%;  */
}
.profile-details p{
	color: white;
	display: block;
	text-align: center;
	padding-left: 6%;
	padding-right: 6%;
	padding-top: 5%;
	font-family: 'Arima Madurai', cursive;
	font-size: 120%;
	line-height: 150%;
}
.profile_button{
/*	background:red;*/
	margin-top: 20px;
	text-align: center;
}
.buttonn{

	cursor: pointer;
	border:none;
	padding: 12px;
	background-color:#2bd411;
	border-radius: 2%;
}
@media screen and (min-width: 520px)
{
	#about h1{
		margin-top: 9%;
	}
	.profile-details{
		height: 48%;
	}
	.profile_button{
		margin-top: 40px;
	}
}
@media screen and (min-width: 1190px)
{
	.profile-img-block{
		display: inline-block;
		float: left;
		width: 40%;
		height: 100%;
	}
	.img1{
		height: 30%;
		margin-top: 38%;
	}
	#about h1{
		display: inline-block;
		width: 55%;
		height: 5%;
		float: right;
		clear: none;
		margin-right: 5%;
		margin-top: 13%;
	}
	.profile-details{
		display: inline-block;
		float: right;
		width: 55%;
		height: 50%;
		margin-right: 5%;
		font-size: 130%;
		line-height: 160%;
	}
}