.footer {
	
    display: flex;
    flex-direction: column;
	width: 98vw;
	margin-left: auto;
	margin-right: auto;
    .infobox {
		display: flex;
		flex: 1;
		flex-direction: column;
        text-align: center;
    }
    a {
		margin-top: .8em;
	}
}


@media (min-width: 640px) {
	.footer {
		max-width: 89%;
		margin-left: auto;
		margin-right: auto;
		flex-direction: row;
		justify-content: space-between;
		.infobox {
			flex: 1 0 auto;
			text-align: left;
			flex-direction: column;
		}
	.a { order: 2;}
    .b { order: 3;}
    .c { order: 1;}
	}
}