html, body {
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
}


#full-screen-background-image {
  z-index: -999;
  min-height: 90%;
  min-width: 1400px;
  width: 100%;
  height: auto;
  position: fixed;
  top: 0;
  left: 0;
}
/*center images*/
img.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.center{
  margin-top: 5%;
}
/*media queries*/
/* Large desktops and laptops */
@media (min-width: 1200px) {

}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
  .center{
    margin-top: 10%;
  }
}

/* Landscape phone to landscape tablet */
@media (max-width: 979px) {
  .center{
    margin-top: 1%;
  }
}

/* Small desktop */
@media (min-width: 980px) and (max-width: 1199px) {
  .center{
    margin-top: 1%;
  }
}

/* Landscape */
@media only screen and (min-device-width: 768px) and (max-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  .center{
    margin-top: 1%;
  }
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
  .center{
    margin-top: 5%;
  }
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
  .center{
    margin-top: 10%;
  }
}

/* Portrait phones and smaller */
@media (max-width: 480px) {
    .center{
    margin-top: 1%;
  }
  img {
    width: 90%;
    height: 90%;
    padding-bottom: 10%;
  }
}