html {
				-webkit-transition: background-color 1s;
				transition:  1s;
				background-color:silver;
			}
			html, body { }
			html.loading {
				background:  url('jif.gif') no-repeat 50% 50%;
				 
				 
	                left: 50%;
                  top: 50%;
                margin-top: -790px; /*half the image width*/
				padding: 40px;
                 
				 
				 background-color:#000000;
				 
				
				
				-webkit-transition: background-color 0;
				transition: background-color 0; 
			}
			body {
				-webkit-transition: opacity 1s ease-in;
				transition: opacity 2s ease-in;
			}
			html.loading body {
				opacity: 0;
				-webkit-transition: opacity 0;
				transition: opacity 1;
			}
			
			
			
			
			@media only screen and (max-width: 599px) {
				
				
			 	html.loading {
				background:  url('jif.gif') no-repeat 50% 50%;
				 
				 
	                left: 50%;
                  top: 50%;
                margin-top: -700px; /*half the image width*/
				padding: 40px; 
                 
				 
				 background-color:#000000;
				 
				
				
				-webkit-transition: background-color 0;
				transition: background-color 0; 
			}  
				
		}