body,html{
	margin: 0;
	padding: 0;
	font-family: arial,sans-serif;
}
main{
	width: 1fr;
	height: 100vh;
	display: grid;
	grid-template-rows: 50px auto 170px 50px;
	grid-auto-rows: auto; 
	grid-column-gap: 10px;
}
#abt_container{
	margin: 30px auto;
	width: 50%;
}
#abt_body{
	text-align: justify;
	font-size: 18px;
	color: #333;
}

@media only screen and (max-width : 550px) {
	main{
		grid-template-rows: 50px auto auto auto;
	}
	#abt_container{
		margin: 10px auto;
		width: 90%;
	}
	#abt_body{
		text-align: justify;
		font-size: 18px;
		color: #333;
	}
}

/*------For height 1280px and width 1500px*/
@media only screen and (min-width : 1500px) and (min-height : 1280px){
	main{
		grid-template-rows: 2% auto 500px 100px;
	}
}