body {
	color: #333;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
}

/* Sizing */
p {
	margin: 0;
}

.fullWidth {
	width: 100%;
}

.max-width {
	max-width: 640px;
	margin: 0 auto;
}

.flex {
    width: 100%;
    display: flex;
}

.flex-item {
	flex: 1;
	max-width: 50%;
}

.flex-column {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.headlineFlex {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.paddingVertical {
	padding-top: 10px;
	padding-bottom: 10px;
}

/* Colors */
.blueForeground {
	color: #002677;
}

.blueBackground {
	background-color: #002677;
}

.whiteForeground {
	color: #fff;
}

.lightBlueBackground {
	background-color: #E5F8FB;
}

.lightGrayBackground {
	background-color: #F1F2F2;
}

/* Fonts */
.georgiaFont {
	font-family: Georgia, serif;
}

.largeFont {
	font-size: 28px;
	line-height: 33px;
	font-weight: 700;
}

.mediumFont {
	font-size: 24px;
	line-height: 30px;
	font-weight: 700;
}

.legalFont {
	font-size: 11px;
	line-height: 18px;
}

.languageSwitch {
	font-size: 14px;
	text-align: end;
}

/* Effects */
a img:hover {
	transition: opacity .2s ease-in-out;
	opacity: 0.7; 
}

a:hover {
	transition: opacity .2s ease-in-out;
	opacity: 0.7; 
}

/* Elements */
.container {
	margin: 0px 10px;
}

.cobrandedHeader {
	display: flex;
	flex-direction: row;
	padding-top: 35px;
	padding-bottom: 35px;
}

.cobrandedHeader a {
	height: auto;
	padding-left: 20px;
	align-content: end;
	margin: auto;
}

.cobrandedLogo {
	content: url(../images/CobrandedHeader-Desktop.png);
	max-width: 350px;
}

.flex .align-end {
	align-content: end;
}

.crossRoadImage {
	max-width: 275px;
	height: auto;
	width: 100%;
	object-fit: fill;
}

.gaugeCluster {
	justify-items: center;
	padding: 26px;
}

.gaugeCluster .description {
	padding: 10px;
	text-align: center;
}

.gaugeCluster .cost {
	font-weight: 700;
}

.gaugeCluster img {
	max-width: 180px;
	max-height: 127px;
}

.cta {
	padding-top: 40px;
	padding-bottom: 40px;
}

.cta p {
	text-align: center;
}

.cta .findAProvider {
	font-weight: 700;
	color: #002677;
	font-size: 18px;
	padding-top: 44px;
}

.cta .flex {
	padding-top: 20px;
}

.networkSearchIcon {
	max-width: 64px;
}

.networkLink {
	font-size: 14px;
	padding-top: 10px;
	padding-bottom: 20px;
	text-align: center;
	max-width: 200px;
}

.socialContainer {
	padding-top: 50px;
	padding-bottom: 50px;
    margin: auto;
    max-width: fit-content;
}

.socialLink {
	display: inline-block;
	margin: 0 30px;
}

.socialIcon {
	max-width: 18px;
	max-height: 18px;
}

.socialIcon img {
	width: 30px;
	height: 30px;
}

.logoCenter {
	text-align: center;
	max-width: 100%;
}

.uhclogo {
	max-width: 163px;
	width: 100%;
}

/* Media Queries */
@media (max-width: 640px) {
	.headlineFlex {
		flex-direction: column;
	}
}

@media (max-width: 480px) {
	.cobrandedHeader {
		flex-direction: column;
	}

	.cobrandedHeader a {
		padding-top: 20px;
	}
	.cobrandedLogo {
		content: url(../images/CobrandedHeader-Mobile.png);
		max-width: 300px;
	}
}

@media (max-width: 375px) {
	body {
		text-align: center;
	}
	.flex {
		flex-direction: column;
	}
	.flex-item {
		max-width: 100%;
	}

	.legalFont {
		text-align: left;
	}
	.logoCenter {
		text-align: left;
		max-width: 100%;
		padding-bottom: 20px;
	}
	.max-width {
		max-width: 640px;
		margin: auto 10px;
	}
	.cobrandedHeader a {
		height: 50px;
	}
	.crossRoadImage {
		max-height: 225px;
		object-fit: cover;
		object-position: top;
	}
}