@media (max-width: 29.9rem) {
	div.pricingTable table {
		font-size: 0.5em;
	}
}

@media (min-width: 30em) {
	div.pricingTable table {
		font-size: 0.8em;
	}
}

span.highlight {
	color: var(--color-blue);
}


div.pricingTable {
	width: 100%;
}


div.pricingTable table {
	width: 100%;
	margin-top: 2em;
}

div.pricingTable table td, div.pricingTable table th {
	padding: 1.5em;
	text-align: center;
}

div.pricingTable table thead tr {
	background-color: #338098;
	color: #FFF;
}

div.pricingTable table tbody tr {
	background-color: #e0e0e0;
}

div.pricingTable table tbody tr:hover {
	background-color: #c0c0c0;
}

div.pricingTable td img {
	height: 1.5em;
}

div.pricingTable span.legal {
	display: block;
	font-style: italic;
	font-size: 80%;
	margin-left: 1em;
}


div.pricingTable table tfoot td {
	font-weight: normal;
}



article.pricing {
	display: flex;
	width: calc(100% - 4em);
	padding: 0 2em;
}

article.pricing div.priceGrouping {
	flex: 0 1 calc(25% - 1em);
	padding: 0.5em;
}

@media (max-width: 59.9rem) {
	article.pricing {
		flex-wrap: wrap;
	}
	
	article.pricing div.priceGrouping {
		flex: 1 0 100%;
	}
}

div.priceGrouping header {
	display: block;
	padding: 1em;
	min-height: 7em;
	text-align: center;
	background-color: var(--toolbar-background-color);
}

div.priceGrouping header h3 {
	color: var(--color-dark-blue);
	font-size: 1.5em;
}

div.priceGrouping header h4 {
	color: var(--color-grey);
	padding: 0.5em;
	font-weight: 500;
}

div.priceGrouping header h4 span {
	color: var(--color-blue);
	font-size: 1.4em;
	font-weight: 700;
}

div.priceGrouping header p {
	margin: 1em 0;
	font-size: 0.8em;
	height: 8em;
}

div.priceGrouping div {
	display: block;
	margin: 1em 0;
}

div.priceGrouping ul {
	font-size: 0.8em;
}

div.priceGrouping ul li {
	padding: 0.5em;
}

div.priceGrouping ul li::before {
	display: inline-block;	
	font-weight: 900;
	font-family: "Font Awesome 5 Free";
	padding: 0 0.5em;
}

div.priceGrouping ul li:not(.cross)::before { content: "\f00c"; }
div.priceGrouping ul li.cross::before { content: "\f00d";}

li.cross {
	text-decoration: line-through;
	opacity: 0.5;
}