.navigation-footer {
	bottom: 0;
	left: 0;
	position: fixed;
	padding: 1rem;
	background: #f7f7f7;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	z-index: 100;
}

/*Social icons*/
.social {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.social a {
	font-size: 2.5rem;
	color: #1B2432;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-decoration: none;
}

.social a:hover {
	color: #511165;
}

.social a:not(:last-child) {
	margin-right: 1rem;
}

@media (min-width: 992px) {
	.navigation-footer {
		padding: 2rem 4rem;
		background: transparent;
		height: 9rem;

		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
	}
}

/*Responsive Handling*/
/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575px) {
}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767px) {
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991px) {
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199px) {
}

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
}