html, body {
  height: 100%;
  width: 100%;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  background: #FFFFFF;
}

body {
	display: initial;
}

.header {
	background: #000059;
	color: #BBBBBB;
}

.footer {
	background: #2f2f36;
	color: #BBBBBB;
}
/* generic */
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}




/* waves in header: */

.waves {
  position: relative;
  left:0;
  right:0;
  top: -16;
  bottom:0;
  height: 80px;
  z-index: 1;
}
.innerwaves {
  position: absolute;
  left:0;
  right:0;
  top:0;
  bottom:0;
  z-index: 1;
}

.wave {
  position: absolute;
  left:0;
  right:0;
  top:0;
  bottom:0;
  z-index: 1;
}

.wavesvg1:not(.homePage),
#wavesvg1:not(.homePage) {
  /* background-color: #6a6aaa; */
  background-color: #5b5a9c;
  height: 80px;
}

.wavesvg2:not(.homePage),
#wavesvg2:not(.homePage) {
  background-color: transparent !important;
  height: 80px;
}

.wave + .wave {
  z-index: 2;
}


/* waves in footer */
.wavesfooter {
  position: relative;
  left:0;
  right:0;
  top: 0;
  bottom:0;
  height: 80px;
  z-index: 1;
}

#wavesvg1footer {
  background-color: #FFFFFF;
  height: 80px;
}

/* #wavesvg2footer {
  background-color: #000059;
  height: 80px;
} */