header, footer {
	color: #edf9ff;
	padding-left: 2em;
	padding-right: 2em;
	padding-top: 1em;
	padding-bottom: 1em;
	z-index: 20;
}
/* #14eb26, */
header {
	background-image: linear-gradient(to right top, #26084e, #004aa5, #0086c7, #00bd9a);
}

footer {
	background-image: linear-gradient(to left top,  #00bd9a, #0086c7, #004aa5, #26084e);
	padding-bottom: 0.5em;
}

header::after {
   border-bottom:1px solid #ffffff55;
   content:'';
   width:100%;
   position:absolute;
	 left: 0px;
   bottom:2px;
}

footer::before {
   border-bottom:1px solid #ffffff55;
   content:'';
   width:100%;
   position:absolute;
	 left: 0px;
   top:2px;
}

header h1 {
	line-height: 1;
	font-size: xx-large;
	margin-bottom: 0.2em;
	margin-top: 0.2em;
}

footer h1 {
	line-height: 1;
}

header h2, footer h2 {
}

.logo {
	height:70px;
	margin-right: 1em;
}