#footer {
	background: #084b27;
	padding: 40px 0;
	text-align: center;
}

@media screen and (min-width: 992px) {
	#footer {
		padding: 75px 0;
	}
}

#footer .row>div {
	display: flex;
	justify-content: center;
}

#footer .row>div>div {
	align-self: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

@media screen and (min-width: 992px) {
	#footer .row>div>div {
		flex-direction: column;
		justify-content: space-between;
	}
}

@media screen and (max-width: 991px) {
	#footer .row>div>div {
		margin: 15px 0;
	}
}

#footer .social-links {
	display: flex;
}

@media screen and (max-width: 991px) {
	#footer .social-links {
		margin-top: 10px;
		justify-content: center;
	}
}

#footer .social-links a {
	border: 2px solid #fff;
	border-radius: 50%;
	display: flex;
	font-size: 2rem;
	height: 40px;
	margin: 0 5px;
	width: 40px;
}

#footer .social-links a:hover {
	border-color: #cc0c13;
	transform: translateY(-3px);
}

#footer h2,
#footer p,
#footer a {
	color: #fff;
}

#footer p,
#footer a {
	margin: 0;
}

#footer h2 {
	flex-basis: 100%;
	text-transform: uppercase;
}

#footer p:not(:last-child) {
	margin-bottom: 5px;
}

@media screen and (max-width: 499px) {
	#footer p {
		flex-basis: 100%;
	}
}

@media screen and (min-width: 500px)and (max-width: 991px) {
	#footer p {
		margin: 0 3px;
	}
}

@media screen and (min-width: 500px)and (max-width: 991px) {
	#footer .footer__get_in_touch p:not(:last-child)::after {
		content: "|";
		display: inline-block;
		margin-left: 6px;
	}
}

#footer img {
	filter: brightness(0) invert(1);
	max-width: 200px;
}

#footer a:hover {
	color: #cc0c13;
}

#copyright {
	background: #000;
	display: flex;
	opacity: .9;
	padding: 15px;
}

@media screen and (max-width: 499px) {
	#copyright {
		flex-wrap: wrap;
		text-align: center;
	}
}

#copyright a,
#copyright span {
	color: #fff;
	font-size: 1.4rem;
}

@media screen and (max-width: 499px) {

	#copyright a,
	#copyright span {
		flex-basis: 100%;
		margin: 5px 0;
	}
}

#copyright a:hover {
	color: #cc0c13;
}

#copyright .divider {
	font-size: 1.2rem;
	margin: 0 4px;
}

@media screen and (max-width: 499px) {
	#copyright .divider {
		display: none;
	}
}