.tii-tile-static-section {
	display: flex;
	flex-flow: wrap;
	padding: 2rem calc(6rem - 20px);
	justify-content: center;

	h2 {
		color: var(--color-petrol);
	}
	
	.column-left {
		width: calc(25% - 20px);
		display: flex;
		align-content: flex-start;
		flex-flow: wrap;
		padding: 20px;
		
		h2 {
			margin-bottom: 20px;
			margin-top: 0;
			font-size: 40px;
			line-height: 1.1;
		}
		
		.cover-heading {
			margin-bottom: 20px;
		}
		
		.cta-button-arrow-pill {
			background: var(--color-white);
			border: 2px solid var(--color-petrol);
			border-bottom: 2px solid var(--color-petrol);
			font-size: 14px;
		}
		
		a:link.cta-button-arrow-pill:hover {
			border-bottom: 2px solid var(--color-petrol);
		}
	}
	
	.tii-tile-static-content {
		display: flex;
		flex-flow: row wrap;
		gap: 24px;
	}
	
	.tile {
		width: calc(25% - 30px);
		position: relative;
		overflow: hidden;
		padding: 30px;
		border: none;
		border-radius: 0;
		
		.tile-heading,
		.tile-text {
			margin-bottom: 0;
			margin-top: 0;
			color: var(--color-petrol);
		}
		
		.tile-heading {
			font-size: 30px;
			margin-bottom: 1em;
			line-height: normal;
		}
		
		.tile-text {
			font-size: 15px;
			color: var(--color-primary-text);

			a {
				text-decoration: underline;
			}
		}
		
		img {
			margin-bottom: 1em;
		}
	}

	.tile-total-5 .tile {
		width: calc(20% - 30px) !important;
	}
}

@media screen and (max-width: 1440px) {
	.tii-tile-static-section {
		.tii-tile-static-content {
			flex-wrap: wrap;
		}
		
		.column-left {
			width: 100%;
		}
		
		.tile {
			width: calc(33% - 30px);
		}
	}
}

@media screen and (max-width: 900px) {
	.tii-tile-static-section {
		padding: 2rem 3rem;
		
		.column-left {
			width: 100%;
		}
		
		.column-right {
			width: 100%;
			
			.tii-tile-static-content {
				display: flex;
				
				.tile {
					width: 100%;
					
					.tile-content {
						display: flex;
					}
					
					.tile-left {
						margin-right: 10px;
					}
				}
			}
		}
	}
}