@media (max-width: 768px) {
	
	.hero-container {
		padding-top: calc(5rem + 15vh);

	}

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

	.about-grid img {
		grid-row: span 1;
	}

	.services-container {
		grid-template-rows: repeat (6, auto);
		grid-template-columns: 1fr;
	}

	.services-container h2, .services-container p {
		grid-column: span 1;
	}

	.review-container {
		clip-path: polygon(0 0, 100% 10%, 100% 100%, 0 100%);
	}

	.review-grid {
		grid-template-columns: 1fr;
		grid-template-rows: repeat(8 auto);
	}

	.review-tile, .review-tile:nth-child(4), .review-tile:last-child {
		grid-column: span 1;
	}

	.footer-grid {
		grid-template-columns: 1fr 1fr;
		grid-template-rows: 1fr 1fr 1fr;
	}

	.footer-grid .footer-logo, .footer-grid .quote {
		grid-column: span 2;
	}

	.footer-grid .quote {
		margin: 2rem;
	}

	.bottom {
		font-size: 0.7rem;
	}

	


}