/* CSS Document */

#footer
{
	background-color: #9c9b9a;
	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 #111 1px;
	border-radius: 100%;	
}

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

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

.footer-item h4
{
	color: #111;
	justify-self: center;
}

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

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




#bottom-bar
{
	display: grid;
	padding: 20px 0;
	width: 100%;
	justify-content: center;
	border-top: 2px solid #111;
	background-color: #9c9b9a;
}

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