html {
	height:100%;
	width:100%;
}
body {
	height:100%;
	width:100%;
	color: #000;
	font-family: "Brandon Grotesque", "Brandon Text", "Helvetica Neue", Helvetica, Verdana, Arial;
}
#container {
	height:100%;
	width:100%;
	position: relative;
	-webkit-backface-visibility: hidden;
}
#bottom {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	text-align: center;
	font-size: 27pt;
}
#header {
	width: 100%;
	font-family: "Thirsty Rough";
	font-size: 70pt;
	line-height: 70pt;
	margin-bottom: 10pt;
}
.nav {
	line-height: 80px;
}
#logo {
	background-image: url('wb.png');
	width: 650px;
	height: 466px;
	background-size: contain;
	margin-bottom: 20px;
	background-repeat: no-repeat;
}
#name {
	font-size: 80px;
	font-weight: bold;
	line-height: 80px;
	height: 80px;
}
a, a:visited, a:active {text-decoration: none;
color: #777; transition: color 0.5s ease;}
a:hover {text-decoration: none;
color: #000; transition: color 0.5s ease;}

.text{
	font-family: "Brandon Text";
}
#footer {
	z-index: 201;
	color:white;
	position: absolute;
	bottom:0;
	height:45px;
	text-align: center;
    right: 0;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    line-height: 45px;
    opacity: 0;
}

@font-face {
    font-family: "Brandon Text";
    src: url('http://wilsonbiggs.com/font/brandon-text/hvd_fonts_-_brandontext-regular-webfont.eot');
    src: url('http://wilsonbiggs.com/font/brandon-text/hvd_fonts_-_brandontext-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://wilsonbiggs.com/font/brandon-text/hvd_fonts_-_brandontext-regular-webfont.woff2') format('woff2'),
         url('http://wilsonbiggs.com/font/brandon-text/hvd_fonts_-_brandontext-regular-webfont.woff') format('woff'),
         url('http://wilsonbiggs.com/font/brandon-text/hvd_fonts_-_brandontext-regular-webfont.ttf') format('truetype'),
         url('http://wilsonbiggs.com/font/brandon-text/hvd_fonts_-_brandontext-regular-webfont.svg#brandon_text_regularregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Brandon Grotesque";
    src: url('http://wilsonbiggs.com/font/brandon-grotesque/brandon_reg-webfont.eot');
    src: url('http://wilsonbiggs.com/font/brandon-grotesque/brandon_reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://wilsonbiggs.com/font/brandon-grotesque/brandon_reg-webfont.woff2') format('woff2'),
         url('http://wilsonbiggs.com/font/brandon-grotesque/brandon_reg-webfont.woff') format('woff'),
         url('http://wilsonbiggs.com/font/brandon-grotesque/brandon_reg-webfont.ttf') format('truetype'),
         url('http://wilsonbiggs.com/font/brandon-grotesque/brandon_reg-webfont.svg#brandon_grotesque_regularRg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Brandon Printed';
    src: url('resume/fonts/bp2.eot');
    src: url('resume/fonts/bp2.eot?#iefix') format('embedded-opentype'),
         url('resume/fonts/bp2.woff2') format('woff2'),
         url('resume/fonts/bp2.woff') format('woff'),
         url('resume/fonts/bp2.ttf') format('truetype'),
         url('resume/fonts/bp2.svg#pixel_unicoderegular') format('svg');
    font-weight: normal;
    font-style: normal;
}