body {

      background: url("img/background.jpg") no-repeat center center fixed;
      -webkit-background-size: cover;
	    -moz-background-size: cover;
	    -o-background-size: cover;
	    background-size: cover;

}

.content {
  float: right;
  margin: 50px;
}

img {
  width: 100%;
  height: 100%;
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
/* Styles */
.content {
    width: 700px;
  float: none;
  margin-right: auto;
  margin-left: auto;
}
img {
  width: 700px;
  height: 1228px;
  margin-right: auto;
  margin-left: auto;
}
}


/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
/* Styles */
.content {
  width: 700px;
  float: none;
  margin-right: auto;
  margin-left: auto;

}
img {
  width: 700px;
  height: 1228px;
  margin-right: auto;
  margin-left: auto;
}

}