/* CSS Document */

#footer {
	background-color: #111;
	padding: 24px 0;
}

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

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

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

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

	border: solid #b4b4b4 1px;
	border-radius: 100%;
}

.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;
}

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

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

.footer-icon-container a {
	align-content: center;
}

#bottom-bar {
	display: grid;
	padding: 20px 0;
	width: 100%;
	justify-content: center;
	background: #a06424;
	background: linear-gradient(
		90deg,
		rgba(160, 100, 36, 1) 0%,
		rgba(232, 213, 142, 1) 50%,
		rgba(146, 100, 41, 1) 100%
	);
}

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