/* CSS Document */

#footer
{
	background-color: var( --colour1 );
	padding: 64px 0;
	z-index: 1;
}

.footer-top
{
	width: 100%;
	background-color: var( --colour1 );
}

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

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

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

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

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




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

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

#bottom-bar h1
{
	text-align: center;
	font-size: 20px;
}