html {
  background: url(emd21_seabackground_300dpi-sml.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-color: #003383;
  
}

body {
  font-family: 'Open Sans', 'Sans-Serif';
  color: #fff;
  text-align: center;
 overflow: hidden;

}


header {
  margin: 0px 0px 24px 0px;
  padding: 8px 0px 8px 0px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 400px;
}

h1 img {
  display: flex;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 300px;
}

.buttons {
  padding-bottom: 32px;
}

a.links:hover,
a:hover {
  background-color: #ffffff;
  color: #1d1c1b;
}
a.links {
  display: block;
  max-width: 320px;
  margin: 0px auto 16px;
  padding: 16px 20px;
  font-size: 1rem;
  line-height: 1.3;
  color: #fff;
  background-color: rgba(255, 255, 255, 0.164);
  border-radius: 6px;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
}

bottom-logo {
  margin: 0px 0px 24px 0px;
  padding: 8px 0px 8px 0px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 80%;
  max-width: 300px;
}

footer {
  margin-top: 50px;
  bottom: 0;
  width: 100%;
  
}

footer a {
  border-top: 1px solid rgba(255, 255, 255);
  padding-top: 16px;
  padding-bottom: 16px;
  font-size: 13px;
  line-height: 1.5;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
}