#contrastChecker {
	font-size: 16px;
	max-width: 900px;
	padding: 50px 0;
	h1 {
		margin-bottom: 3rem;
	}
	p.centre {
		padding: 10px 0;
		width: 100%;
	}
	.size18px {
		td div {
			font-size: 18.1px;
		}
	}
	.tabList {
		padding: 0;
		button {
			color: #666;
			padding: 15px 30px;
			text-transform: none;
		}
		.active {
			button {
				color: var(--colour-button);
			}
		}
	}
	.tabs .container {
		max-width: 100%;
	}
	.columns {
		text-align: center;
	}
	table {
		table-layout: fixed;
		text-align: center;
		width: 100%;
		th {
			background: none;
			padding: 20px;
		}
		th {
			.tableHex {
				display: none;
			}
			.swatch {
				border-radius: 100%;
				display: inline-block;
				height: 1rem;
				margin-right: 5px;
				vertical-align: middle;
				width: 1rem;
			}
		}
		tbody {
			td {
				padding: 20px;
				vertical-align: middle;
				div {
					display: flex;
						align-items: center;
						justify-content: center;
					height: 4em;
					line-height: 1;
					margin: 0 auto;
					width: 4em;
				}
			}
		}
	}
}