/* CSS Document */

/* Here we save the footer-related css. Everything used on footer (except for the colors) should be here */


footer{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

footer #footer_container{
	display: flex;
	width: 100%;
	flex-grow: 1;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	background-image: url("../images/footer_bg.jpg");
	padding-top: 220px;
	background-position: top center;
	background-size: cover;
	background-repeat: no-repeat;
}

footer ul#footer_menu {
    display: flex;
    justify-content: space-between;
    flex-grow: 1;
    vertical-align: middle;
	max-width: 860px;
	width: 95%;
	font-size: 1.3rem;
	font-family: AgendaMedium;
	padding-bottom: 10px;
	border-bottom: 1px solid;
}

footer a{
	text-decoration: none;
	text-transform: uppercase;
}

footer #footer_social{
	display: flex;
	width: 960px;
	justify-content: center;
	margin-top: 15px;
	max-width: 100%;
}

footer #footer_social img{
	margin: 0 10px;
}

footer #footer_bottom{
	flex-direction: column;
	align-content: center;
	align-items: center;
	text-align: center;
	display: flex;
}

footer #footer_bottom img{
	margin: 25px 0 10px 0;
}

footer #footer_bottom span{
	margin-bottom: 10px;
	font-size: .8em;
}

footer #footer_bottom span a{
	text-transform: none;
}