:root {
	--title-margin: 32px;
	--four_card_vertical_margin: 32px;
}

.title2 {
	margin-top: var(--title-margin);
}
 
.title_intro, .card .title2 {
	margin-top: 0;
}

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

.title1 {
	padding: 16px 0;
}

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

.sidemenu--content, .first-aid-section, .water_section {
	padding-bottom: var(--title-margin);
}

.hub-section, .first-aid-section, .lighting_section, .water_section {
	padding-top: var(--title-margin);
}

.lighting_section {
	padding-bottom: var(--main-bottom-margin);
}

.main {
	padding-bottom: 0;
}

.first-aid-section .card + .card, .lighting_section .card + .card {
	margin-top: 16px;
}

.image-margin {
	margin-top: 24px;
}

.traders_image {
	margin-top: 32px;
}

.sidemenu--select {
    margin-bottom: 32px;
}

.image--hub {
	margin-top: 32px;
}

@media only screen and (min-width:768px) {
	:root {
		--title-margin: 48px;
	}

	.accessibility__grid {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-column-gap: 30px;
		align-items: start;
	}
	
	.left {
		grid-column-start: 1;
	}
	
	.right-full {
		grid-column-start: 2;
		grid-row: 1 / span 4;
	}
	
	.title_toilets, .title_water, .title_hub {
		margin-top: 0;
	}
	
	.image--hub {
		margin-top: 48px;
	}
	
	.lighting_section .card + .card {
		margin-top: 0;
	}
	
	.first-aid-section .card + .card {
		margin-top: 32px;
	}
}

@media only screen and (min-width:768px) and (max-width:1023px) {
	.switchgrid--toilets_and_god {
		display: contents;
	}
	
	.switchgrid--god {
		grid-column: 1 / span 2;
	}
}