@media (max-width:1600px){
	.a{
		padding: 100px 200px;
	}
}

@media (max-width: 1400px){
	.services{
		padding: 60px 100px;
	}
}

@media (max-width: 1200px){
	.a{
		padding: 100px 50px;
	}
}

@media (max-width: 1024px){
	h1{
		font-size: 26px;
	}
	.banner{
		height: 350px;
	}
	.banner .overlay .logo{
		width: 100%;
	}
	.a{
		flex-wrap: wrap;
		padding: 25px 50px;
	}
	.a .box{
		width: 100%;
		margin: 25px 0;
	}
	.about-us{
		padding: 100px 50px;
	}
	.services{
		padding: 60px 50px;
	}
	.services-container .services-box{
		width: 100%;
	}
	section.form{
		padding:60px 120px; 
	}
	footer{
		padding: 60px 50px;
	}
}

@media (max-width: 800px){
	h1{
		font-size: 24px;
	}
	header.desktop{
		display: none;
	}
	header.mobile{
		display: flex;
	}
	header.mobile div.menu{
		display: none;
	}
	footer{
		padding: 30px 30px;
		flex-direction: column;
		align-items: flex-start;
	}
	footer > div{
		margin: 25px 0;
	}
	footer .list-container{
		flex-direction: column;
	}
	footer .list-container ul:nth-child(2){
		margin: 0;
	}
}
@media (max-width: 600px){
	h1{
		font-size: 20px;
	}
	.about-us div{
		justify-content: center;
	}
	.services-container{
		padding: 0;
	}
	.help{
		padding: 70px 50px;
	}
	.email{
		font-size: 26px;
	}
	section.form{
		padding:30px 50px; 
	}
}
@media (max-width: 500px){
	.a{
		padding: 25px 25px;
	}
	.about-us{
		padding: 60px 25px;
	}
	.services{
		padding: 60px 25px;
	}
	.help{
		padding: 60px 25px;
	}
	section.form{
		width: 100%;
		padding:30px 25px; 
	}
	section.form form{
		width: 95%;
	}
}