@media(max-width:991px){

	.hero-content h1{
		font-size:48px;
	}

	.services-grid{
		grid-template-columns:1fr 1fr;
	}

	.about-grid{
		grid-template-columns:1fr;
	}

	.contact-grid{
		grid-template-columns:1fr;
	}

}

@media(max-width:768px){

	.hero{
		text-align:center;
	}

	.hero-buttons{
		flex-direction:column;
	}

	.hero-content h1{
		font-size:38px;
	}

	h2{
		font-size:34px;
	}

	.services-grid{
		grid-template-columns:1fr;
	}

}