@charset "utf-8";
/* CSS Document */
.main{
	padding: 3%;
}

.title{
	font-weight: lighter;
	font-size: 1.5rem;
	margin: 0 0 20px 0;
}
.form{
	border: 2px solid #000;
	border-radius: 5px;
	padding: 5px;
}
.row{
	margin: 0 0 20px 0;
	
}
.submit,.reset{
	display: inline-block;
	padding: 10px 20px;
	border-radius: 10px;
	border: 2px solid #000;
	transition: all 0.5s ease-in;
}
.submit{
	background-color: #000;
	color: #fff;	
	margin: 0 10px 0 0;
}
.submit:hover{
	cursor: pointer;
	background-color: #fff;
	color: #000;
}
.reset:hover{
	cursor: pointer;
	background-color: #000;
	color: #fff;
}

@media (min-width: 1200px){
}

@media (min-width: 992px) and (max-width: 1199px){
}

@media (min-width: 768px) and (max-width: 991px){
	.title{
		font-size: 2rem;
	}
	.formWrap{
		font-size: 3rem;
	}
	input,textarea{
		width: 100%;
	}
	input{
		height: 5rem;
	}
	textarea{
		height: 30%;
	}
	.submit,.reset{
		height: 5rem;
	}
	.submit{
		margin: 0 0 5px 0;
	}
}

@media (max-width: 767px){
	.title{
		font-size: 2rem;
	}
	.formWrap{
		font-size: 3rem;
	}
	input,textarea{
		width: 100%;
	}
	input{
		height: 5rem;
	}
	textarea{
		height: 30%;
	}
	.submit,.reset{
		height: 5rem;
	}
	.submit{
		margin: 0 0 5px 0;
	}

}