footer {
	width: 100%;
	clear: both;
	overflow: hidden;
	
}

.footer {
	width: calc(100% - 10px);
	margin: 5px;
	clear: both;
	overflow: hidden;
	border-top: 2px solid hotpink;
}

.social, 
.newsletter, 
.contact, 
.partner, 
.donate,
.displayMode {
	width: calc(100% / 6);
	padding: 5px;
	display: block;
	float: left;
}

.social h1, 
.newsletter h1, 
.contact h1, 
.partner h1, 
.donate h1,
.displayMode h1,
.copyright h1 {
	width: 75%;
	margin-left: 12.5%;
	margin-right: 12.5%;
	padding: 5px;
	text-align: center;
	font-family: comic sans ms;
	font-weight: 700;
	font-size: 1.2vw;
	white-space: nowrap;
}

.social h2, 
.newsletter h2, 
.contact h2, 
.partner h2, 
.donate h2,
.displayMode h2 {
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
	padding: 2px;
	text-align: center;
	font-family: comic sans ms;
	font-weight: 500;
	font-size: 0.86vw;
	white-space: nowrap;
}

.social p,
.newsletter p,
.partner p,
.donate p,
.displayMode p {
	width: 40px;
	height: 40px;
	margin-left: auto;
	margin-right: auto;
	padding: 3px;
	background: hotpink;
	vertical-align: middle;
	text-align: center;
	display: block;
	cursor: pointer;
}

.support {
	display: block;
	clear: both;
	overflow: hidden;
	width: 100%;
	padding-left: calc(50% - 50px);
	padding-right: calc(50% - 50px);
}

.support p {
	width: 40px;
	height: 40px;
	display: inline-block;
	background: hotpink;
	margin-left: 3px;
	margin-right: 3px;
	vertical-align: middle;
	padding: 5px;
}

.social p img,
.newsletter p img,
.support p img,
.partner p img,
.donate p img,
.displayMode p img {
	display: block;
	width: 30px;
	height: 30px;
	vertical-align: middle;
	text-align: center;
}

.copyright {
	padding: 5px;
	width: 24%;
	margin: auto;
}

.copyright a {
	text-decoration: none;
	text-align: center;
}

.copyright p {
	display: block;
	margin: 0px;
	font-size: 0.98vw;
	text-align: center;
}