/* Medium devices (desktops, 992px and up) */
@media only screen and (max-width: 991px) {

  body {
    background: url('../img/background-tablet.jpg') top center no-repeat; background-size: cover;
    padding-top: 310px;
  }


}

/* Small devices (tablets, 768px and up) */
@media only screen and (max-width: 767px) {

  body {
    background: url('../img/background-mobile.jpg') top center no-repeat; background-size: cover;
    padding-top: 220px;
  }

}