html,body
{
	background-color: #000;
	color: #fff;
	font-family: helvetica, arial, sans-serif;
	margin: 0;
	padding: 0;
    overflow: hidden;
   /* width: 100%;
    height: 100%; */
}

#page
{
	position: absolute;
	width: 100%;
	height: 100%;
}


#canvas, #wrapper
{
	width: 100%;
	height: 100%;
}

@font-face{font-family:'MatterhornSerif';
font-weight:400;font-style:normal}

@font-face {
  font-family:'MatterhornSerif';
  font-style: normal;
  font-weight: 400;
  src:url(../media/fonts/matterhornserif-regular.eot?#iefix) format("embedded-opentype"),url(../media/fonts/matterhornserif-regular.woff) format("woff"),url(../media/fonts/matterhornserif-regular.ttf) format("truetype"),url(../media/fonts/matterhornserif-regular-2a46b35b302c.svg#Matterhorn) format("svg");
}

@font-face
{
   font-family:'MatterhornSerif';
   font-style: normal;
   font-weight: bold;
   src: url(../media/fonts/matterhornserif-bold.woff) format('woff');
   src:url(../media/fonts/matterhornserif-bold.eot?#iefix) format("embedded-opentype"),url(../media/fonts/matterhornserif-bold.woff) format("woff"),url(../media/fonts/matterhornserif-bold.ttf) format("truetype"),url(../media/fonts/matterhornserif-bold.svg#Matterhorn) format("svg");
}