/* For Mobile */

@media (max-width: 768px) {
	/*Home*/

	.hero-section {
	}

	.fadein {
		height: 50vh;
	}

	.about-section {
		padding: 5vh 20px;
	}

	.about-container {
		grid-template-columns: 1fr;
		grid-template-rows: 1fr 4fr 4fr 1fr;
		gap: 0;
	}

	.about-container h2, .about-container img, .about-container .button {
		grid-column: span 1;
	}

	.consumer-container {
		grid-template-columns: 1fr;
		grid-template-rows: 0.2fr 0.2fr 1fr 1fr 1fr 1fr 1fr 1fr 0.2fr;
		background-image: none;
	}

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

	.consumer-container .cell {
		margin: 0 2rem;
		box-shadow: 3px 3px 10px lightgray;

	}

	.cell.active img {
		transform: scale(1);
		filter: none;
		transition: transform 1s ease, filter 1s ease;	
	}

	.cell.active p {
		display: flex;
		color: white;
		background-color: rgb(0 0 0 / 0.5);

	}

	.cell.active h3 {
		display: none;
	}
	
	.business-section {
		background-image: none;
	}

	.business-container {
		grid-template-columns: 1fr;
		grid-template-rows: 0.2fr 0.2fr 1fr 1fr 1fr 0.2fr; 
		align-items: center;
	}

	.business-section h2, .business-section p, .business-section .button {
		grid-column: span 1;
		margin: 0 auto;
	}

	.review-container {
		grid-template-columns: 1fr;
		grid-template-rows: 0.2fr 0.2fr 1fr 1fr 1fr 0.2fr;
	}

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

	.review {
	}

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

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

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



}