body,
html {
  height: 100%;
  width: 100%;
}

body {
  min-height: 100%;
  height: 100%;
  width: 100%;
  min-height: 100%;
  font: 14px/1.3 "Segoe UI", Arial, sans-serif;
}

body {
  background-position: center;
  background-size: 100% 100%;
  background-image: url("bg-mobile.jpeg");
}

@media only screen and (min-device-width: 1200px) {
  body {
    background-image: url("bg-desktop.jpeg");
  }
}
/*
@media only screen and (min-device-width: 768px) {
}
@media only screen and (min-device-width: 992px) {
}
@media only screen and (min-device-width: 1200px) {
}
*/