#wrap{
	width: 800px;
	display: block;
	margin: 0, auto;
}

h1 {
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	position: relative;
	left: -60px;
	font-size: 10em;
	color: #C1272D;
	height: 0.9em;
	margin: 0.1em;
	padding: 0.1em;
	letter-spacing: -1px;

}

.heading {
	width: 550px;
	height: 197px;
	margin: 0, auto;
	padding: 2em;
	border-bottom: 2px solid;
	border-bottom-color: #C1272D;

}

h2 {
	font-family: "Roboto";
	font-weight: 400;
	position: relative;
	font-size: 2.5em;
	color: #C1272D;
	margin: 0;
}

.datebox {
	position: relative;
	text-align: center;
	height: 50px;
	width: 118px;
	margin: 0;
	left: 31em;
	z-index: 900;
}

.twenty {
	float: left;
	width: 47px;
	position: relative;
	background: #B3B3B3;
	margin: 0;
	text-align: center;
	letter-spacing: -1px;
	right: -11px;
}

.eleven {
	float: right;
	width: 45px;
	position: relative;
	padding-left: 1px;
	background: #C1272D;
	margin: 0;
	text-align: left;
	letter-spacing: -6px;
	right: 14px
}

.oppose {
	color: #B3B3B3;
}

body {
	background-color: #B3B3B3;

}

/* ----------------- Text Stuff ---------------------------- */
#History {
	width: 345px;
	position: absolute;
	z-index: 900;
	color: #C1272D;
	font-family: "Roboto";
	font-weight: 400;
	font-size: 1.05em;
	line-height: 125%;
	text-align: left;
	top: 275px;
	left: 25px;
}

#LightSample {
	background: #C1272D;
	padding: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin: 5px;
	width: 300px;
	position: absolute;
	z-index: 900;
	color: #B3B3B3;
	font-family: "Roboto";
	font-weight: 300;
	font-size: 1.6em;
	line-height: 125%;
	text-align: center;
	top: 344px;
	left: 600px;
}

#RegularSample {
	background: #C1272D;
	padding: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin: 5px;
	width: 300px;
	position: absolute;
	z-index: 900;
	color: #B3B3B3;
	font-family: "Roboto";
	font-weight: 400;
	font-size: 1.6em;
	line-height: 125%;
	text-align: center;
	top: 529px;
	left: 600px;
}

#BoldSample {
	background: #C1272D;
	padding: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin: 5px;
	width: 300px;
	position: absolute;
	z-index: 900;
	color: #B3B3B3;
	font-family: "Roboto";
	font-weight: 700;
	font-size: 1.6em;
	line-height: 125%;
	text-align: center;
	top: 730px;
	left: 600px;
}

#Numbers {
	background: #C1272D;
	width: 250px;
	position: absolute;
	z-index: 900;
	color: #B3B3B3;
	font-family: "Roboto";
	font-weight: 400;
	font-size: 1.6em;
	line-height: 125%;
	text-align: center;
	top: 923px;
	left: 640px;
}

#FoxOne {
	font-family: "Roboto";
	color: #C1272D;
	font-weight: 300;
	font-size: 1.1em;
	position: absolute;
	top: 990px;
	left: 20px;
}

#FoxTwo {
	font-family: "Roboto";
	color: #C1272D;
	font-weight: 400;
	font-size: 1.4em;
	position: absolute;
	top: 1030px;
	left: 20px;
}

#FoxThree {
	font-family: "Roboto";
	color: #C1272D;
	font-weight: 400;
	font-size: 1.6em;
	position: absolute;
	top: 1080px;
	left: 20px;
}

#FoxFour {
	font-family: "Roboto";
	color: #C1272D;
	font-weight: 700;
	font-size: 2em;
	position: absolute;
	top: 1130px;
	left: 20px;
}

hr {
	border: .5px solid #B3B3B3;
	margin: 5px;
	margin-top: -20px;
}


/* ------------------------Shapes below------------------- */
.LineSquareTop {
	width: 50%;
	height: 117px;
	background: #C1272D;
	position: relative;
	z-index: 30;
	top: -120px;
	left: 586px;
	border-bottom: 5px, solid;
	border-bottom-color: #B3B3B3;
}

.LineSquareBottom{
	width: 50%;
	height: 800px;
	background: #C1272D;
	position: relative;
	z-index: 10;
	top: -118px;
	left: 586px;
}

.TriangleTopRight {
	width: 0;
	height: 0;
	border-bottom: 396px solid #C1272D;
	border-left: 396px solid transparent;
	position: absolute;
	top: -244px;
	left: 599px;
	z-index: 50;
}

.TriangleTopRightClone {
	width: 195px;
	height: 0;
	border-bottom: 300px solid #B3B3B3;
	border-left: 300px solid transparent;
	position: absolute;
	top: -148px;
	left: 596px;
	z-index: 40;
}

.TriangleTopRightCloneTwo {
	width: 195px;
	height: 0;
	border-bottom: 300px solid #C1272D;
	border-left: 300px solid transparent;
	position: absolute;
	top: -148px;
	left: 593px;
	z-index: 30;
}

.LargeTriangle {
	width: 0;
	height: 0;
	border-bottom: 700px solid #C1272D;
	border-left: 700px solid transparent;
	position: absolute;
	z-index: 90;
	top: 290px;
	left: -92px;
}

.LargeTriangleClone {
	width: 0;
	height: 0;
	border-bottom: 700px solid #B3B3B3;
	border-left: 700px solid transparent;
	position: absolute;
	z-index: 89;
	top: 290px;
	left: -95px;
}

.LargeTriangleCloneTwo {
	width: 0;
	height: 0;
	border-bottom: 700px solid #C1272D;
	border-left: 700px solid transparent;
	position: absolute;
	z-index: 88;
	top: 290px;
	left: -99px;
}

.BottomRightTriangle {
	width: 0;
	height: 0;
	border-top: 210px solid #C1272D;
	border-left: 398px solid transparent;
	position: absolute;
	z-index: 90;
	top: 1067px;
	left: 596px;
}

.BottomRightTriangleClone {
	width: 0;
	height: 0;
	border-top: 210px solid #B3B3B3;
	border-left: 400px solid transparent;
	position: absolute;
	z-index: 89;
	top: 1070px;
	left: 596px;
}

.BottomRightTriangleCloneTwo {
	width: 0;
	height: 0;
	border-top: 210px solid #C1272D;
	border-left: 400px solid transparent;
	position: absolute;
	z-index: 88;
	top: 1070px;
	left: 592px;
}

.LineBottom {
	width: 305px;
	height: 85px;
	position: absolute;
	z-index: 900;
	background: #C1272D;
	border-bottom: solid;
	border-bottom-color: #B3B3B3;
	top: 899px;
}

.LineBottomTwo {
	width: 300px;
	height: 150px;
	position: absolute;
	z-index: 900;
	background: #C1272D;
	border-top: solid;
	border-top-color: #B3B3B3;
	border-bottom: solid;
	border-bottom-color: #B3B3B3;
	border-left: solid;
	border-left-color: #B3B3B3;
	left: 290px;
	top: 831px;
}

.LineMiddle {
	width: 150px;
	height: 198px;
	position: absolute;
	z-index: 900;
	background: #C1272D;
	top: 630px;
	left: 445px;
	border-top: solid;
	border-top-color: #B3B3B3;
	border-left: solid;
	border-left-color: #B3B3B3;
}

.LineTop {
	width: 75px;
	height: 182px;
	position: absolute;
	z-index: 900;
	background: #C1272D;
	top: 445px;
	left: 515px;
	border-top: solid;
	border-top-color: #B3B3B3;
	border-left: solid;
	border-left-color: #B3B3B3;
}