@media (max-width: 1024px) {
	.bannerArea {
		padding-bottom: 44vw;
	}
}

@media (max-width: 565px) {
	HTML {
		font-size: 8px;
	}

	H1,
	H2,
	H3,
	H4,
	H5,
	H6 {
		margin-top: 0;
	}

	#header {
		height: 50px;
	}
	
	#logo {
		width: 100px;
		height: 100px;
		top: 0;
		left: calc(50% - 52px);
		border: none;
		border-radius: 0 0 60px 60px;
	}	
	#contacts {
		
	}
	.phone {
		padding-top: 10px;
		font-size: 16px;
	}
	.email {
		display: none;
	}	
	
	.gutter {
		display: none;
	}

	.container {
		flex-direction: column;	
	}

	#topGap {
		height: auto;
	}
	#topGap H1 {
		position: relative;
		height: auto;
	}
	
	.contentArea,
	.sectionArea,
	ASIDE {
		padding-top: 0;
		padding-right: 5%;
		padding-left: 5%;
	}
	
	FORM {
		margin: 0;
		width: 85%;
	}	

	.contentArea {
		flex: 100;
	}
	.sectionArea {
		flex: 100;
		order: 1;
	}
	ASIDE {
		flex: 100;
		order: 2;
	}

	.formLabel,
	.formField {
		display: block;
		width: 100%;
	}
	
	.aboutImage IMG {
		margin-top: 2.00rem;
		width: 80%;
	}
	
	.grid2 {
		grid-template-columns: 1fr;
	}	
}

@media (max-width: 350px) {
}