body, html {
height: 100%;
}

.bg-image {
/* Add the blur effect */
filter: blur(1px);
-webkit-filter: blur(2px);

/* Full height */
height: 100%;

/* Center and scale the image nicely */
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}

body div.header {
  background: rgba(0,0,0,0.7);
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px 0px;
  height: 100%;
  width: 100%;
  z-index: 2;
  padding-left: 10%;
}

body div.header-iframe,
body div.header-iframe iframe {
  position: fixed;
  height: 45px;
  width: 100%;
  z-index: 5;
  border: 0pt;
}

body div.header div.span {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 26px;
  text-align: center;
  right: 5%;
  left: 0;
  top: 0;
  bottom: 0;
}

body div.header div.span span {
  z-index: 5;
  color: white;
}