/* Общие стили */
*, html { font-family: Verdana, Arial, Helvetica, sans-serif; }

html,body { height: 100%; }

body, form, ul, li, p, h1, h2, h3, h4, h5
{
	margin: 0;
	padding: 0;
}
html { 
	background: #000 url(chameleon2.jpg) 50% 100% no-repeat; 
	color: #ffffff; 
}
img { border: none; }
p
{
	font-size: 1em;
	margin: 0 0 1em 0;
}
	
/* Стили для демонстрации */
body { 
	background: url(chameleon.jpg) 50% 100% no-repeat; 
	-moz-transition: opacity 1s ease;  /* FF3.7+ */
    -o-transition: opacity 1s ease;  /* Opera 10.5 */
	-webkit-transition: opacity 1s ease;  /* Saf3.2+, Chrome */
	transition: opacity 1s ease;
}

/* Портрет */
@media screen and (orientation:portrait) {
	body { opacity: 1; }
}
/* Ландшафт */
@media screen and (orientation:landscape) {
	body { opacity: 0; }
}

/* Для маленьких устройствFor smaller devices*/
@media screen and (max-device-width: 480px) {
	html, body { 
		-moz-background-size: 80% auto;
		-webkit-background-size: 80% auto;
		background-size: 80% auto;
	}
}
/* Портрет */
@media screen and (max-width: 320px) {
	body { opacity: 1; }
}
/* Ландшафт */
@media screen and (min-width: 321px) and (max-width: 480px) {
	html, body { 
		-moz-background-size: 50% auto;
		-webkit-background-size: 50% auto;
		background-size: 50% auto; 
	}
	body { opacity: 0; }
}