@font-face {
    font-family: 'museo_sans900';
    src: url('font/museosans_900-webfont.eot');
    src: url('font/museosans_900-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/museosans_900-webfont.woff') format('woff'),
         url('font/museosans_900-webfont.ttf') format('truetype'),
         url('font/museosans_900-webfont.svg#museo_sans900') format('svg');
    font-weight: normal;
    font-style: normal;

}


@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 1024px) {

html {
background: url(background_small.jpg) no-repeat center center fixed;
background-size: cover;
height: 100%;
overflow: hidden;
}
body
{
height:100%;
background: url(background_small.jpg) no-repeat center center fixed;
overflow: scroll;
-webkit-overflow-scrolling: touch;
}


} 



@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
html {
background: url(background_small.jpg) no-repeat center center fixed;
background-size: cover;
height: 100%;
overflow: hidden;
}
body
{
height:100%;
background: url(background_small.jpg) no-repeat center top;
background-size: cover;
overflow: scroll;
-webkit-overflow-scrolling: touch;
}
}



/* CHROME FONT FIX  MEDIA QUERY*/
@media screen and (-webkit-min-device-pixel-ratio:0) {

	@font-face {
		font-family: 'museo_sans900';
		src:url('font/museosans_900-webfont.svg#museo_sans900') format('svg');
		font-weight: normal;
		font-style: normal;
	}
}




html { 
  background: url(background.jpg) no-repeat top center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

* { 
    margin: 0; 
    padding: 0; 
}

h1, a{
	font-family: 'museo_sans900';
}

h1{font-size:40px; margin:5px; text-transform:uppercase;}

a {display:block; font-size:18px;  text-decoration:none; color:#ccc; margin:5px;}
a:hover { color:yellow;}

#cont {
    position:absolute;
    top:0;left:0;
    z-index:70;
    overflow:auto;
}

.box { 
    margin: 0 auto; 
    width: 400px;
    padding: 50px;
    background: white; 
    padding-bottom:100px;
    font: 14px/2.8 Georgia, Serif;
}