#awrapper{
	display: flex;
	width: 80%;
	gap: 5px;
	margin: 5px auto;

}
.about{
	flex-basis: 60%;
	height: 300px;
}
.about h3{
	width: 97%;
	margin: 0;
	padding: 20px 10px;
	background: #0985c1;
	color: white;
}
.about p{
	padding: 5px;
	font-size: 1.5rem;
	text-align: justify;
}
.subscribe{
	flex-basis: 40%;
	height: 450px;
}
.subscribe h3{
	width: 95.5%;
	margin: 0;
	padding: 20px 10px;
	background: #0985c1;
	color: white;
}
.subscribe p{
	padding: 5px;
	font-size: 1.5rem;
	text-align: justify;
}
.subscribe form{
	text-align: center;
}
.subscribe input{
	width: 70%;
	border: 2px solid #0985c1;
	height: 50px;
	margin: 10px auto;
	font-size: 16px;
	color: #0985c1;
}
.subscribe button{
	padding: 10px;
	margin: 5;
	border: 2px solid #0985c1;
	font-size: 16px;
	background: #b9bfc2;
	color: #0985c1;
	font-weight: bold;
}
.subscribe button:hover{
	background: #0985c1;
	color: white;
}

@media(max-width: 1144px){
	#awrapper{
		
		width: 100%;
		flex-wrap: wrap;
	}
	.subscribe{
		width: 100%;
	}
	.about{
		width: 100%;
	}
	.box{
		flex-grow: 1;
	}
}