index.css

.transition,
body {
  -webkit-transition: all .3s;
  transition: all .3s;
}

body {
  margin: 10px 0;
  width: 100%;
  height: 120px;
}

@media only screen and (max-width: 1024px) {
  body {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  body {
    background: url("../images/pict.png") center center/cover no-repeat;
  }
}

@media only screen and (max-width: 640px) {
  body {
    height: 50%;
  }

  body {
    font-size: 12px;
  }
}

@media only screen and (max-width: 548px) {
  body {
    height: 10%;
  }
}

@media only screen and (max-width: 300px) {
  body {
    height: 100%;
  }
}

@media only screen and (min-width: 640px) and (max-width: 1024px) {
  body {
    background: url("../images/pict1.png") center center/cover no-repeat;
  }
}

@media print {
  body {
    height: 10cm;
  }
}