footer {
	background-color: #f4f6f8;
	color: var(--text);

	margin-top: 80px;
}

footer section,
footer nav {
	max-width: 1240px;
	margin: 0 auto;
}

footer nav {
	text-align: center;
	border-top: 1px solid var(--border);
}

footer nav a {
	display: inline-block;
	padding: 10px 15px;
	text-decoration: none;
	color: var(--dblue);
}

footer nav a:hover { color: var(--green); }

footer .logo { text-align: center; }

footer .logo img { margin-top: -25px; }

footer .social {
	text-align: center;
	padding: 20px;
}

footer .social a.facebook { background-image:url(../svg/footer/facebook.svg) }

footer .social a.instagram { background-image:url(../svg/footer/instagram.svg) }

footer .social a {
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 20px;
    background-size: 16px;
    background-color: var(--lblue);
    display: inline-block;
    width: 36px;
    height: 36px;
    margin: 0 5px;
    opacity: 0.6;

    transition: opacity 0.5s ease
}

footer .social a:hover { opacity:1 }

footer .copyright {
	border-top: 1px solid var(--border);
	font-size: 12px;
	padding: 10px;
}

footer .copyright a {
	text-decoration: none;
	color: var(--text);
}

footer .mgLink { display: none; }

@media (max-width: 459.999px) {
	footer .copyright {
		text-align: center;
		line-height: 22px;
	}
}

@media (min-width: 460px) {
	footer .copyright > div:first-child { float: left; }

	footer .copyright > div:last-child { float: right; }
}