: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;
}

#tAndCGraphics {
	float: left;
}

#tAndCGraphics img {
  width: 48px;
  height: 48px;
  margin: 5px 8px 8px 0px;
  display: block;
}

ol {
  list-style: decimal;
}

li {
  margin-left: 1.4em;
  margin-bottom: .5em;
}

li:last-child {
	margin-bottom: 0;
}

ul {
  list-style-type: disc;
}

.sidemenu--content {
	padding-bottom: var(--title-margin);
}

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

.main {
	padding-bottom: 0;
}

.lilac__background .title2 {
	margin-top: 0;
	padding-top: var(--title-margin);
}

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

@media only screen and (max-width:767px) {
	#leftGrid, #rightGrid {
		display: contents;
	}
	
	#MobileGrid {
		display: flex;
		flex-direction: column;
	}
	
	#CopyrightSection {
		order:1;
	}
	
	#PrivacySection {
		order:2;
	}
	
	#DetailsSection {
		order:3;
	}
}

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

	.title1 {
		padding: 32px 0;
	}
	
	.lilac__background {
		display: grid;
	}

	#MobileGrid {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-column-gap: 32px;
	}
}