@font-face{ 
	font-family: 'Bodoni';
	src: url('BodoniXT-webfont.eot');
	src: url('BodoniXT-webfont.eot?iefix') format('eot'),
	     url('BodoniXT-webfont.woff') format('woff'),
	     url('BodoniXT-webfont.ttf') format('truetype'),
	     url('BodoniXT-webfont.svg#webfont') format('svg');
}

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

}

html {font-family: 'proxima_novalight', serif;
width:100%;
height:100%;
background: linear-gradient(180deg, rgba(255,255,255,1), rgba(255,255,255,0));
background-repeat: no-repeat;
z-index: 2;
}

nav {width:100%;
	height:170px;
	margin-top:350px;
    text-align: center;
}

nav a  {line-height: 35px;
letter-spacing:0.2em;
font-family: 'proxima_novalight',sans-serif;
text-decoration: none;
color: rgba(130,130,130,1); ;
}

nav a:hover {color:rgb(170,0,80)}
nav a:active {color:rgb(255,170,0);}

#logo img {width:100%;
top:100px;}

footer {position: fixed;
width: 100%;
text-align: center;
bottom:20px;
color: gray;
font-family: sans-serif;
line-height: 1.3em;
letter-spacing:1px;
font-size: 0.5em
}

img {
z-index: -1;
position: fixed;}

@media screen and (max-height:550px) {

footer {display: none;}

nav {margin-top: 140px;}


}