main>h1{
	margin: 0;
	padding: 20px 0;
	background: lightblue;
	color: var(--theme-color);
	text-align: center;
	font-weight: lighter;
}
main>p{
	padding: 5px 0;
	text-align: center;
}
/*------------------------------------------DIV-----------------------------------------------------*/
main>div{
	margin: 50px auto;
}
main>div>h2{
	text-align: center;
	color: var(--theme-color);
}
main>div>hr{
	margin-bottom: 50px;
}
/*--------------------------------------------FORM --------------------------------------------------*/
main>div>form{
	max-width: 360px;
	margin: 50px auto;
	padding: 30px 15px;
	background: #fafafa;
	box-shadow: 0 1px 15px 1px grey;
	border-radius: 5px;
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 15px;
}
main>div>form>label{
	padding: 0;
	margin: 0;
}
main>div>form>label>p{
	margin: 0;
	padding: 5px 0;
}
main>div>form>label>textarea{
	resize: none;
	width: 95%;
	height: 100px;
}
main>div>form>label>input{
	width: 95%;
	height: 25px;
	padding: 0;
	margin: 0;
}
main>div>form>label>select{
	width: 96%;
	height: 35px;
	padding: 0;
	margin: 0;
}
main>div>form>label>select>option{
	padding: 10px;
}
main>div>form>label:nth-child(2),main>form>label:nth-child(3),main>form>label:nth-child(4){
	grid-column: 1/2;
}
main>div>form>label:nth-child(6){
	grid-column: 2/3;
	grid-row: 1/3;
}

main>div>form>label:nth-child(5){
	grid-column: 2/3;
	grid-row: 3/4;
}
main>div>form>input[type="Submit"]{
	background: grey;
	border: none;
	width: 96%;
	align-self: end;
	height: 31px;
	letter-spacing: 1.2px;
	transition: all 0.15s;
	color: white;
}

main>div>form>button{
	background: none;
	border: none;
	width: fit-content;
	align-self: end;
	transition: all 0.15s;
	color: #525252;
	padding: 0;
	margin: 0;
}

main>div>form>input[type="Submit"]:hover{
	background: lightblue;
	color: #1840a0;
	cursor: pointer;
}

main>div>form>button:hover{
	color: #1840a0;
	cursor: pointer;
}
main>div>form>label>input:focus,main>form>label>textarea:focus{
	background:#d8f5ff;
}

@media all and (max-width: 1100px){
	main>div>form,main>div{
		margin: 30px 20px;
	}
}
@media all and (max-width: 900px){
	main>form{
		grid-template-columns: 1fr;
	}
	main>h1{
		padding: 10px 20px;
	}
	main>p{
		padding: 5px 20px;
	}
}
@media all and (max-width: 651.5px){
	main>form>label:nth-child(6){
		grid-column: 1/2;
		grid-row: 6/7;
	}
	main>form>label:nth-child(5){
		grid-column: 1/2;
		grid-row: 5/6;
	}
	html#contactRecruit>body>main>form>input[type="Submit"]{
		grid-column: 1/2;
		grid-row: 8/9;
		height: 31px;
		border-radius: 0;
	}
	html#contactRecruit>body>main>form>label:nth-child(6){
		grid-row: 7/8;
	}
	html#contactRecruit>body>main>form>label:nth-child(5){
		grid-row: 6/7;
	}
	html#contactRecruit>body>main>form>label:nth-child(7){
		grid-row: 5/6;
	}
}
@media all and (max-width: 425px){
	main>h1{
		font-size: 24px;
	}
	main>div>div>h3{
		font-size: 16px;
	}
	main>p,main>form>label>p>main>div>div>p{
		font-size: 14px;
	}
	main>form{
		display: block;
	}
	main>form>label{
		display: block;
		margin: 10px 0 !important; 
	}
}