html {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: top right;
  background-repeat: no-repeat;
  background-attachment: fixed;
  height: 100%;
}
.bg-light a:link, .bg-light a:visited {
  color: #444444;
}
.bg-dark a:link, .bg-dark a:visited {
  color: #fff;
}
a:hover, a:focus, a:active {
  color: #888;
}
body {
  padding: 0;
  margin: 0;
  height: 100%;
  position: relative;
}
#logo {
  margin: 24px;
}
#container {
  position: absolute;
  left: 10%;
  top: 0;
  width: 40%;
  padding-top: 32px;
  min-height: 100%;
}
#saveForm {
  top: 26px;
  left: 410px;
  font-size: 16px;
}
@media only screen and (max-width: 1200px) {
  #container {
    left: 5%;
  }
}
@media only screen and (max-width: 991.9px) {
  html {
    background-position: right; /* instead of center */
  }
  .bg-light a:link, .bg-light a:visited {
    color: #fff;
  }
  #logo a {
    background-image: url('https://liteblue.usps.gov/news/cc-all-hands/global/images/usps-logo-reverse.png') !important;
  }
  #container {
    background-color: rgba(27, 43, 69, 0.8);
  }
  #container {
    width: 100%; /* full width, flush left */
    left: 0;
  }
  #container h2 {
    color: #fff;
  }
  .wufoo label.desc, .wufoo legend.desc, .wufoo li div, .wufoo li span, .wufoo li div label, .wufoo li span label, .wufoo .info div, .wufoo .info h2, .wufoo input.text, .wufoo input.file, .wufoo input.form-entry, .wufoo textarea.textarea, .wufoo select.select, .wufoo li .wufoo-dropdown span {
    color: #fff !important;
  }
}