html { 
	background: url(lflffll.jpg) no-repeat center center fixed; 
	-webkit-background-size: 30%;
	-moz-background-size: 30%;
	-o-background-size: 30%;
	background-size: 30%;
 }
 
@media screen and (max-aspect-ratio: 50/13) {
  html { 
	background: url(lflffll.jpg) no-repeat center center fixed; 
	-webkit-background-size: 40%;
	-moz-background-size: 40%;
	-o-background-size: 40%;
	background-size: 40%;
 }
}
 
@media screen and (max-aspect-ratio: 25/8) {
  html { 
	background: url(lflffll.jpg) no-repeat center center fixed; 
	-webkit-background-size: 50%;
	-moz-background-size: 50%;
	-o-background-size: 50%;
	background-size: 50%;
 }
}
 
@media screen and (max-aspect-ratio: 50/19) {
  html { 
	background: url(lflffll.jpg) no-repeat center center fixed; 
	-webkit-background-size: 60%;
	-moz-background-size: 60%;
	-o-background-size: 60%;
	background-size: 60%;
 }
}
 
@media screen and (max-aspect-ratio: 20/9) {
  html { 
	background: url(lflffll.jpg) no-repeat center center fixed; 
	-webkit-background-size: 70%;
	-moz-background-size: 70%;
	-o-background-size: 70%;
	background-size: 70%;
 }
}
 
@media screen and (max-aspect-ratio: 19/10) {
  html { 
	background: url(lflffll.jpg) no-repeat center center fixed; 
	-webkit-background-size: 80%;
	-moz-background-size: 80%;
	-o-background-size: 80%;
	background-size: 80%;
 }
}
 
@media screen and (max-aspect-ratio: 7/4) {
  html { 
	background: url(lflffll.jpg) no-repeat center center fixed; 
	-webkit-background-size: 90%;
	-moz-background-size: 90%;
	-o-background-size: 90%;
	background-size: 90%;
 }
}
 
@media screen and (max-aspect-ratio: 3/2) {
  html { 
	background: url(lflffll.jpg) no-repeat center center fixed; 
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;
 }
}

 
@media screen and (max-aspect-ratio: 37/28) {
  html { 
	background: url(lflffll_mobile.jpg) no-repeat center center fixed; 
	-webkit-background-size: 75%;
	-moz-background-size: 75%;
	-o-background-size: 75%;
	background-size: 75%;
  }
}
 
@media screen and (max-aspect-ratio: 17/14) {
  html { 
	background: url(lflffll_mobile.jpg) no-repeat center center fixed; 
	-webkit-background-size: 80%;
	-moz-background-size: 80%;
	-o-background-size: 80%;
	background-size: 80%;
  }
}
 
@media screen and (max-aspect-ratio: 8/7) {
  html { 
	background: url(lflffll_mobile.jpg) no-repeat center center fixed; 
	-webkit-background-size: 85%;
	-moz-background-size: 85%;
	-o-background-size: 85%;
	background-size: 85%;
  }
}
 
@media screen and (max-aspect-ratio: 10/9) {
  html { 
	background: url(lflffll_mobile.jpg) no-repeat center center fixed; 
	-webkit-background-size: 90%;
	-moz-background-size: 90%;
	-o-background-size: 90%;
	background-size: 90%;
  }
}

@media screen and (max-aspect-ratio: 1/1) {
  html { 
	background: url(lflffll_mobile.jpg) no-repeat center center fixed; 
	-webkit-background-size: 95%;
	-moz-background-size: 95%;
	-o-background-size: 95%;
	background-size: 95%;
  }
}