#about{
	width: 50%;
	box-shadow: 0px 0px 5px rgb(0 0 0 / 80%);
	min-height: 600px;
	background-color: rgba(239,239,239,0.9);
	margin-top: -80px;
	z-index: 99; 
	border-radius: 5px;
	overflow: hidden;
}
#about h1{
	padding: 20px;
	text-align: left;
	color: #000;
	font-size: 20px;
}
#about p{
	padding: 5px;
	text-align: left;
	color: #60635f;
	font-size: 14px;
	line-height: 20px;
	width: 90%;
	margin-top: -10px;
	margin-left: 2%;
}
span{
	padding: 5px;
}
	@media only screen and (max-width: 1200px) {

	#about{
  width: 70%;
    
}
}
@media only screen and (max-width: 900px) {

	#about{
  width: 80%;
    
}
}
@media only screen and (max-width: 800px) {

	#about{
  width: 90%;
    
}
}
@media only screen and (max-width: 700px) {

	#about{
		margin-left: 1%;
  width: 98%;
    
}
}