.three-column-grid-wrapper {
	display: flex;
	align-items: stretch;
	flex-flow: row wrap;
	justify-content: center;
	.grid-tile {
		flex: 0 0 auto;
		width: 33.33%;
		aspect-ratio: 455 / 767;
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		@media only screen and (max-width: 768px) {
			width: 100%;
			aspect-ratio: auto;
			min-height: 100vw;
		}
		.tile-bg {
			position: absolute;
			width: 100%;
			height: 100%;
			object-fit: cover;
			top: 0;
			left: 0;
			z-index: 0;
		}
		.tile-content {
			position: relative;
			z-index: 10;
			padding: 30px 20px;
			display: flex;
			flex-flow: column wrap;
			align-items: center;
			justify-content: flex-start;
			text-align: center;
			max-width: 340px;
			img {
				margin-bottom: 30px;
				@media only screen and (max-width: 768px) {
					width: 30px;
					margin-bottom: 16px;
				}
			}
			h2 {
				color: #F7F0EB;
				font-size: 25px;
				line-height: 30px;
				margin-bottom: 16px;
				font-weight: 400;
				font-family: 'MarisaMedium', sans-serif;
				@media only screen and (max-width: 768px) {
					font-size: 20px;
					line-height: 25px;
					margin-bottom: 12px;
				}
				&.small {
					font-size: 20px;
					line-height: 22px;
					@media only screen and (max-width: 768px) {
						font-size: 20px;
						line-height: 25px;
					}
				}
				&.large {
					font-size: 35px;
					line-height: 38px;
					@media only screen and (max-width: 768px) {
						font-size: 30px;
						line-height: 32px;
					}
				}
			}
			h3 {
				color: #F7F0EB;
				font-size: 35px;
				line-height: 35px;
				font-weight: 400;
				font-family: 'MarisaMedium', sans-serif;
				margin-bottom: 0;
				color: #400D15;
				@media only screen and (max-width: 768px) {
					font-size: 25px;
					line-height: 26px;
				}
				&.small {
					font-family: var(--typeBasePrimary);
					font-size: 13px;
					line-height: 23px;
				}
				&.large {
					font-size: 45px;
					line-height: 50px;
					@media only screen and (max-width: 768px) {
						font-size: 30px;
						line-height: 32px;
					}
				}
			}
			a {
				margin-top: 30px;
				background: #FFFFFF;
				color: #000000;
				&:hover {
					background: #000000;
					color: #FFFFFF;
				}
			}
		}
	}
}