.page-body{
	width: 100%;
	margin: auto;
}
/*form start*/
.contact-form{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin-top: 2em;
}
.contact-label{
	text-align: left;
	height:1em;
	padding: 1%;
	margin-bottom: 0.3em;
	display: inline-block;
}
.contact-input,.contact-text{
	float: right;
	border: solid thin #3E454E;
	clear: none;
	width:80%;
	padding: 1%;
	margin: 1%;
	resize: none;
	text-align: left;
}
.contact-input{
	height:2em;
}
.contact-text{
	height:6em;
}
.contact-button{
	background-color: #fff;
	border-color: #0E1722;
	color:#0E1722;
	text-align: center;
	height: 2.5em;
	padding: 1%;
	margin: 1%;
	font-size: 1.2em;
}
.contact-button:hover, .contact-button:focus{
	background-color: #0E1722;
	color: #fff;
}
/*form end*/
/*********************************************************/
/*media queries*/
@media (min-width: 730px){
	.page-body{
		width: 50%;
		margin: auto;
	}
}