@charset "UTF-8";
/* CSS Document */
#wrapper {
	margin-left: auto;
	margin-right: auto;
	
	padding-top: 0px;
	background-color:black;
	z-index:-1;
	width: 100vw;
  min-height: 100vh;
	}

/* Container holding the image and the text */
.container {
	position: relative;
	text-align: center;
	color: white;
	background-color: black;
	width: 100%;
	border-top: none;
	border-width: 0;
	border-top-width: 0px;
}

/* Bottom left text */
.bottom-left {
  position: absolute;
  bottom: 8px;
  left: 16px;
}

/* Top left text */
.top-left {
  position: absolute;
  top: 8px;
  left: 16px;
}

/* Top right text */
.top-right {
  position: absolute;
  top: 8px;
  right: 16px;
}

/* Bottom right text */
.bottom-right {
  position: absolute;
  bottom: 8px;
  right: 16px;
}

/* Centered text */
.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.body{background-color:black;
width: 1451;}
.p {
	position: absolute;
	z-index: 100;
	margin-left: auto;
	margin-right: auto;
	width: auto;
	padding-top: 0px;
	height: 500px;
	text-align: center;
	vertical-align: middle;
	left: 450px;
	top: 200px;
	font-size: 2em;
}
.whitetype {
	font-family:"Arial, Helvetica, sans-serif;"
	color: white;
	z-index: 100;
}
h1 {
	font-family:"Arial, Helvetica,ultralight, sans-serif;"
	font-size: 5em;
	padding-top: 0px;
	font-style: normal;
	font-weight: lighter;
	color: white;
	width:auto;
	margin:0px ;
	padding: 0px;
	text-transform:uppercase;
	text-align:left;
}
div.relative {
  position: relative;
  left: 50px;
  right: 50px;
  
}
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

li {
  float: left;
}

li a {
  display: block;
  padding: 8px;
  background-color: #000;
}
a {text-decoration:none;
font-family:Arial, Helvetica, sans-serif, "oswald extra light";
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

hr {
  display: block;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  margin-left: 50px;
  margin-right: 50px;
  border-style: inset;
  border-width: 1px;
}
