.getting_here__address_section {
	padding-top: 24px;
}

.title1 {
	padding: 0;
}

.address_block_grid {
	display: grid;
	grid-template-columns: 1fr;
	grid-row-gap: 24px;
	margin-bottom: 24px;
}

img {
	width: 100%;
	display: block;
}

.entrance__image, .map__image {
	border-radius: 8px;
}

.getting_here__directions {
	padding-top: 24px;
	padding-bottom: 48px;
}

.getting_here__directions ul {
	margin-bottom: 32px;
}

.getting_here__directions ul:last-child {
	margin-bottom: 0px;
}

.getting_here__publictransport {
	padding-top: 48px;
	display: grid;
	grid-template-columns: 1fr;
	grid-row-gap: 32px;
	margin-bottom: 56px;
}

.title3, .title2 {
	color: var(--colours-purple-primary-2);
}

.title1 {
	padding: 16px 0;
}

@media only screen and (min-width:768px) {
	.title1 {
		padding: 32px 0;
	}
}

@media (min-width: 768px) {
	.getting_here__publictransport {
		grid-template-columns: 1fr 1fr;
		grid-template-areas:
			"left-one right"
			"left-two right"
			"left-three right";
		grid-row-gap: 48px;
		grid-column-gap: 30px;
		margin-bottom: 80px;
	}
	
	.transport--one {
		grid-area: left-one;
	}
	
	.transport--two {
		grid-area: left-two;
	}
	
	.transport--three {
		grid-area: left-three;
	}
	
	.getting_here__publictransport img {
		grid-area: right;
	}
	
	.getting_here__address_section {
		padding-top: 32px;
	}

	.address_block_grid {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-column-gap: 30px;
		grid-template-areas:
			"header header"
			"left right";
		margin-bottom: 40px;
	}
	
	.address_block_grid--header {
		grid-area: header;
	}
	
	.entrance__image {
		grid-area: right;
		border-radius: 8px 48px 0 0;
	}
	
	.address_block_grid--address {
		grid-area: left;
	}
	
	.getting_here__directions ul {
		margin-bottom: 48px;
	}
}

@media (min-width: 1024px) {
	.address_block_grid {
		margin-bottom: 48px;
	}
	
	.getting_here__publictransport {
		grid-template-columns: repeat(12, 1fr);
	}
		
	.transport--one, .transport--two, .transport--three {
		grid-column: 1 / span 7;
	}
		
	.getting_here__publictransport img {
		grid-column: 8 / span 5;
	}
}

@media (min-width: 1200px) {
	.address_block_grid {
		grid-template-columns: repeat(12, 1fr);
	}
	
	.address_block_grid--header, .address_block_grid--address {
		grid-column: 1 / span 7;
	}
	
	.address_block_grid img {
		grid-row: 1 / span 2;
		grid-column: 8 / span 5;
	}
	
}