﻿#homePageMain .topbar {
	position: relative;
	height: 80px;
	margin-left: 5%;
}

	#homePageMain .topbar svg {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		width: 35px;
		height: 35px;
	}

		#homePageMain .topbar svg g {
			fill: black;
		}

	#homePageMain .topbar .heading {
		position: absolute;
		transform: translateY(-50%);
		top: 50%;
		display: inline-block;
		font-size: 35px;
		font-weight: bold;
		left: 55px;
	}

#homePageMain .sectionWrapper {
	display: inline-flex;
	width: 90%;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 20px 5%;
}

	#homePageMain .sectionWrapper:after {
		content: '';
		width: 100%;
		display: inline-block;
	}

	#homePageMain .sectionWrapper .sectionColumn {
		display: inline-block;
		vertical-align: top;
		min-width: 280px;
		max-width: 360px;
	}

		#homePageMain .sectionWrapper .sectionColumn .sectionContainer {
			margin: 30px 0;
		}

#homePageMain .sectionColumn .categoryParentHeading {
	font-size: 22px;
	font-weight: bold;
}

#homePageMain .sectionContainer.alternate {
	height: 180px;
}

#homePageMain .sectionHeader h3 {
	margin-left: 15px;
}

#homePageMain .sectionHeader .sectionLogo {
	width: 30px;
	height: 23px;
	margin-left: 15px;
}

	#homePageMain .sectionHeader .sectionLogo g {
		fill: #F5CE00;
	}

#homePageMain .sectionHeader .lockIcon {
	width: 30px;
	height: 23px;
	margin-left: auto;
	margin-right: 15px;
}

	#homePageMain .sectionHeader .lockIcon g {
		fill: #F5CE00;
	}

#homePageMain .sectionHeader .iconButton {
	margin-left: auto;
	margin-right: 10px;
	height: 25px;
	width: 25px;
	background: white;
}

	#homePageMain .sectionHeader .iconButton svg {
		transform: rotate(180deg);
	}

		#homePageMain .sectionHeader .iconButton svg path {
			fill: black;
		}

@media (max-width: 600px) {
	#homePageMain .sectionHeader h3 {
		font-size: 1.6vh
	}
}
