html {
	height: 100%;
	}

body {
	background-color:white;
	color:#64605b;
	font-family: 'Raleway', sans-serif;
	margin:0px;
	padding:0px;
	text-align:center;
	width:100%;
	height:100%;
	font-size:15px;
	line-height:30px;
	}

#header{
	position:fixed;
	width:100%;
	top:1em;
	height:auto;
	text-align:center;
	margin-right:auto;
	margin-left:auto;
	background-color: transparent;
	letter-spacing:1px;
	margin-bottom:0;
	clear:both;
	z-index:100;
	}


#wrapper {
	background-color:transparent;
	margin-right:auto;
	margin-left:auto;
	margin-top:200px;
	width:900px;
	text-align:left;
	cleaer:both;
	position:relative;
	}

#smart {
	clear:both;
	margin-top:0;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	position: absolute;
    	bottom:0;
	}


h1 {
	font-size:32px;
	line-height:38px;
	color:#b8b69f;
	text-align:center;
	}

img {
	max-width:100%;
	height:auto;
	}



a:link	{
	color:#3b3535;
	text-decoration:underline;
	outline: 0;
	}
a:visited {
	color:#3b3535;
	text-decoration:underline;
	outline: 0;
	}
a:hover	{
	color: #000;
	text-decoration:underline;
	outline: 0;
	}
a:active {
	color:#3b3535;
	text-decoration:underline;
	outline: 0;
	}


.PORTRAIT	{
	border:1px solid white;
	}
h2	{
	font-size:24px;
	line-height:normal;
	color:#b1a031;
	text-align:left;
	}

h3	{
	color:#3185b1;
	}

#logo {
	position:relative;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	top:20px;
	}



.enter	{	
	position:fixed;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	display:block;
	top:50%;
	left:50%;
	width:200px;
	height:92px;
	 transform: translate(-50%, -50%);
	}



.roster	{
	background-color:black;
	padding:1em;
	}