@media only screen and (max-width: 320px) {
  body {
  background: url(images/small.jpg) no-repeat center center fixed;
}
}
@media only screen and (min-width: 321px) and (max-width: 768px){
  body {
  background: url(images/medium.jpg) no-repeat center center fixed;
}
}
@media only screen and (min-width: 769px){
  body {
    background: url(images/large.jpg) no-repeat center center fixed;
  }
}

body {
  background-size: cover;
  border: 0;
  padding: 0;
  margin: 0 !important;
  width: auto;
}

#text {
	position: absolute;
	color: white;
	font-size: 62px;
	left: 15%;
	top: 35%;
	font-family: 'Poiret One', cursive;
}