footer{
	background-color: #175967;
	background-image:url("/i/cat/-31.jpg");
	background-size: cover;
	color:#ccc;
	padding-top: 200px;
}

@media(min-width:600px){
	footer>.container{display: flex;flex-flow: row;justify-content: space-between;align-items: end;}
	footer div.logo{flex:1}
	footer div.logo+div{flex:1}
}
@media(max-width:600px){
	footer{padding-top: 30px;padding-bottom: 10px;}
	footer>.container{text-align:center}
}
footer>.container a{color:#ccc;text-shadow: 1px 1px 1px #000;}
footer>.container a:hover{color:#fff;}
footer>.container a:focus{text-decoration:underline;}

footer>div>div{padding:10px 0}

.logo>a>img{filter: brightness(10);}
.logo>a:hover>img{filter: invert();}
.logo>a:focus>img{filter: hue-rotate(180deg) brightness(3);}