/* CSS Document */

#footer {
	background-color: #66a2d1;
	padding: 24px 0;
	z-index: 1;
}

#footer .workspace {
	grid-gap: 32px;
}

.footer-item {
	display: grid;
	grid-gap: 8px;
	justify-content: center;
}

.footer-item h3,
.footer-item a {
	overflow-wrap: anywhere;
}

.footer-icon-container {
	display: grid;
	width: 64px;
	height: 64px;

	justify-self: center;
	align-self: center;

	border: solid #fff 2px;
}

.footer-icon {
	justify-self: center;
	align-self: center;
	font-size: 32px;
	color: #fff;
}

.footer-item h3 {
	color: #fff;
	justify-self: center;
	text-align: center;
}

.footer-item h4 {
	color: #fff;
	justify-self: center;
	margin-top: 8px;
	text-align: center;
}

.footer-item a {
	color: #fff;
	justify-self: center;
	text-decoration: none;
	text-align: center;
}

#bottom-bar {
	display: grid;
	padding: 20px 0;
	width: 100%;
	justify-content: center;
	background-color: #fff;
}

#bottom-bar p {
	text-align: center;
}

#bottom-bar a {
	text-align: center;
	color: #444;
}