h1 {
	font-family:		Georgia, serif;
	font-size: 			96px;
	line-height: 		1.0em;
	color: 				#FFFFFF;
	text-shadow: 		0px 4px 4px #000000;
}

h2 {
	font-family:		Times New Roman, serif;
	font-size:			32px;
	color:				#000000;
	line-height:		1.0em;
	background-color: 	#FFFFFF;
	padding: 8px;

	box-sizing:			border-box;

	border-left:		2px solid #000000;
	border-right:		2px solid #000000;
	border-top:			2px solid #000000;
	border-bottom:		2px solid #000000;
}

body {
	margin:				0px;
	padding:			0px;
	font-family:		Times New Roman, serif;
	background-color:	#FFFFFF;
}

.c_red {color: #FF3333;}
.c_white {color: #FFFFFF;}
.c_blue {color: #3333FF;}

.DIV_001_flex {
	display:			flex;
	justify-content:	center;
	align-items:		center;
	position:			relative;

	flex-wrap:			wrap;
	top:				0px;
	height:				fit-content;
	width:				100%;

	background-color:	#333333;
	background-image:	url(we_the_people.png); /*URL is relative to CSS file! Idiot!!!*/
	background-size:	100% auto;

	margin-left:		0px;
	margin-right:		0px;
	margin-top:			0px;
	margin-bottom:		0px; 

	padding-left:		0px;
	padding-right:		0px;
	padding-top:		0px;
	padding-bottom:		0px;

	border-left:		8px solid #000000;
	border-right:		8px solid #000000;
	border-top:			8px solid #000000;
	border-bottom:		8px solid #000000;

	box-sizing:			border-box;

	text-align:			center;
	font-family:		Comic Sans MS;
	font-weight:		normal;
	font-size:			16px;
	line-height:		1.5em;
	color:				#FFFFFF;
}



.DIV_002_flex {
	display:			flex;
	justify-content:	center;
	align-items:		center;
	position:			relative;

	flex-wrap:			wrap;
	top:				0px;
	height:				fit-content;
	width:				100%;

	background-color:	#EEDDCC;

	margin-left:		0px;
	margin-right:		0px;
	margin-top:			0px;
	margin-bottom:		0px; 

	padding-left:		0px;
	padding-right:		0px;
	padding-top:		0px;
	padding-bottom:		0px;

	border-left:		8px solid #000000;
	border-right:		8px solid #000000;
	border-top:			0px solid #000000;
	border-bottom:		8px solid #000000;

	box-sizing:			border-box;

	text-align:			center;
	font-family:		Comic Sans MS;
	font-weight:		normal;
	font-size:			16px;
	line-height:		1.5em;
	color:				#FFFFFF;
}


.flex_pad {
	display:			flex;
	justify-content:	center;
	align-items:		center;
	position:			relative;

	flex-wrap:			wrap;
	top:				0px;
	height:				fit-content;
	width:				100%;

	background-color:	transparent;

	margin-left:		0px;
	margin-right:		0px;
	margin-top:			0px;
	margin-bottom:		0px; 

	padding-left:		0px;
	padding-right:		0px;
	padding-top:		4px;
	padding-bottom:		4px;

	border-left:		0px solid #FFFF00;
	border-right:		0px solid #FFFF00;
	border-top:			0px solid #FFFF00;
	border-bottom:		0px solid #FFFF00;

	box-sizing:			border-box;

	text-align:			center;
	font-family:		Georgia, serif;
	font-weight:		bold;
	font-size:			24px;
	line-height:		1.5em;
	color:				#000000;
}

.flex_pad_vs {
	display:			flex;
	justify-content:	center;
	align-items:		center;
	position:			relative;

	flex-wrap:			wrap;
	top:				0px;
	height:				fit-content;
	width:				100%;

	background-color:	transparent;

	margin-left:		0px;
	margin-right:		0px;
	margin-top:			32px;
	margin-bottom:		0px; 

	padding-left:		8px;
	padding-right:		8px;
	padding-top:		8px;
	padding-bottom:		8px;

	border-left:		0px solid #FFFF00;
	border-right:		0px solid #FFFF00;
	border-top:			0px solid #FFFF00;
	border-bottom:		0px solid #FFFF00;

	box-sizing:			border-box;

	text-align:			center;
	font-family:		Georgia, serif;
	font-weight:		bold;
	font-size:			32px;
	line-height:		1.5em;
	color:				#FFFFFF;
	text-shadow:		0px 2px 2px #000000;
}

.flex_pad_center {
	display:			flex;
	justify-content:	center;
	align-items:		center;
	position:			relative;

	flex-wrap:			wrap;
	top:				0px;
	height:				fit-content;
	width:				100%;

	background-color:	transparent;

	margin-left:		0px;
	margin-right:		0px;
	margin-top:			0px;
	margin-bottom:		0px; 

	padding-left:		32px;
	padding-right:		0px;
	padding-top:		0px;
	padding-bottom:		0px;

	border-left:		0px solid #FFFF00;
	border-right:		0px solid #FFFF00;
	border-top:			0px solid #FFFF00;
	border-bottom:		0px solid #FFFF00;

	box-sizing:			border-box;

	text-align:			center;
	font-family:		Georgia, serif;
	font-weight:		normal;
	font-size:			16px;
	line-height:		1.5em;
	color:				#FFFFFF;
}

.block_pad_intro {
	display:			block;
	justify-content:	center;
	align-items:		center;
	position:			relative;

	flex-wrap:			wrap;
	top:				0px;
	height:				fit-content;
	width:				100%;

	background-color:	#EEDDCC;

	margin-left:		0px;
	margin-right:		0px;
	margin-top:			0px;
	margin-bottom:		0px; 

	padding-left:		8px;
	padding-right:		8px;
	padding-top:		8px;
	padding-bottom:		8px;

	border-left:		0px solid #FFFF00;
	border-right:		0px solid #FFFF00;
	border-top:			0px solid #FFFF00;
	border-bottom:		0px solid #FFFF00;

	box-sizing:			border-box;

	text-align:			center;
	font-family:		Times New Roman, serif;
	font-weight:		bold;
	font-size:			24px;
	line-height:		1.5em;
	color:				#000000;
}

.voting_data_black {
	display:			block;
	position:			relative;

	top:				0px;
	height:				fit-content;
	width:				fit-content;

	background-color:	#FFFFFF;

	margin-left:		auto;
	margin-right:		auto;
	margin-top:			0px;
	margin-bottom:		0px; 

	padding-left:		8px;
	padding-right:		8px;
	padding-top:		8px;
	padding-bottom:		8px;

	border-left:		2px solid #000000;
	border-right:		2px solid #000000;
	border-top:			2px solid #000000;
	border-bottom:		2px solid #000000;

	box-sizing:			border-box;

	text-align:			center;
	font-family:		Times New Roman, serif;
	font-weight:		bold;
	font-size:			24px;
	line-height:		1.0em;
	color:				#000000;
}

.voting_data_red {
	display:			block;
	position:			relative;

	top:				0px;
	height:				fit-content;
	width:				fit-content;

	background-color:	#FFFFFF;

	margin-left:		auto;
	margin-right:		auto;
	margin-top:			0px;
	margin-bottom:		0px; 

	padding-left:		8px;
	padding-right:		8px;
	padding-top:		8px;
	padding-bottom:		8px;

	border-left:		2px solid #FF3333;
	border-right:		2px solid #FF3333;
	border-top:			2px solid #FF3333;
	border-bottom:		2px solid #FF3333;

	box-sizing:			border-box;

	text-align:			center;
	font-family:		Times New Roman, serif;
	font-weight:		bold;
	font-size:			24px;
	line-height:		1.0em;
	color:				#000000;
}

.voting_data_blue {
	display:			block;
	position:			relative;

	top:				0px;
	height:				fit-content;
	width:				fit-content;

	background-color:	#FFFFFF;

	margin-left:		auto;
	margin-right:		auto;
	margin-top:			0px;
	margin-bottom:		0px; 

	padding-left:		8px;
	padding-right:		8px;
	padding-top:		8px;
	padding-bottom:		8px;

	border-left:		2px solid #3333FF;
	border-right:		2px solid #3333FF;
	border-top:			2px solid #3333FF;
	border-bottom:		2px solid #3333FF;

	box-sizing:			border-box;

	text-align:			center;
	font-family:		Times New Roman, serif;
	font-weight:		bold;
	font-size:			24px;
	line-height:		1.0em;
	color:				#000000;
}


.flex_ad {
	display:			flex;
	justify-content:	center;
	align-items:		center;
	position:			relative;

	flex-wrap:			wrap;
	top:				0px;
	height:				fit-content;
	width:				fit-content;

	background-color:	#000000;

	margin-left:		0px;
	margin-right:		0px;
	margin-top:			32px;
	margin-bottom:		0px; 

	padding-left:		8px;
	padding-right:		8px;
	padding-top:		8px;
	padding-bottom:		8px;

	border-left:		0px solid #FFFF00;
	border-right:		0px solid #FFFF00;
	border-top:			0px solid #FFFF00;
	border-bottom:		0px solid #FFFF00;

	box-sizing:			border-box;

	text-align:			center;
	font-family:		Comic Sans MS;
	font-weight:		normal;
	font-size:			16px;
	line-height:		1.5em;
	color:				#FFFFFF;
}

.rvb_info_text {
	display:			flex;
	justify-content:	center;
	align-items:		center;
	position:			relative;

	flex-wrap:			wrap;
	top:				0px;
	height:				fit-content;
	width:				100%;

	background-color:	#EEDDCC;

	margin-left:		0px;
	margin-right:		0px;
	margin-top:			0px;
	margin-bottom:		0px; 

	padding-left:		8px;
	padding-right:		8px;
	padding-top:		0px;
	padding-bottom:		0px;

	border-left:		0px solid #FFFF00;
	border-right:		0px solid #FFFF00;
	border-top:			0px solid #FFFF00;
	border-bottom:		0px solid #FFFF00;

	box-sizing:			border-box;

	text-align:			center;
	font-family:		Times New Roman, serif;
	font-weight:		bold;
	font-size:			24px;
	line-height:		1.5em;
	color:				#000000;
}

.text_16 {
	font-size:			16px;
	line-height:		1.5em;
}

.countdown_timer {
	position:			relative;
	display:			block;
	top:				0px;
	width:				fit-content;
	margin-top:			0px;
	margin-left:		auto;
	margin-right:		auto;
	margin-bottom:		0px;
	padding:			8px;

	background-color:	#EEDDCC;
	border:				4px solid #000000;

	box-sizing:			border-box;

	text-align:			center;
	font-family:		Times New Roman, serif;
	font-weight:		bold;
	font-size:			24px;
	line-height:		1.5em;
	color:				#000000;
}

.connected_bar {
	position: 			relative;
	display: 			block;
	top: 				0px;
	height: 			fit-content;
	width: 				fit-content;
	margin-top: 		0px;
	margin-left: 		auto;
	margin-right: 		auto;
	margin-bottom: 		32px;
	padding: 			8px;
	color: 				#FFFFFF;
	font-size: 			12px;
	font-family: 		Courier;
	line-height: 		16px;
	background-color: 	#333333;
}

.canvas_wrapper_pie {
	position: 			relative;
	display: 			flex;

	height: 			fit-content;
	width: 				fit-content;
	top: 				0px;
	left: 				0px;
	margin: 			auto;
	border: 			none;
	padding: 			8px;
	color: 				#FFFFFF;
	font-size: 			24px;
	font-family: 		Courier;
	line-height: 		0px;
	background-color: 	#EEDDCC;
}

.color_button_large_red {
	display:			inline-block;
	margin:				8px;
	padding:			16px;
	height:				fit-content;
	width:				fit-content;

	text-shadow: 		0px 1px 2px #000000;
	border:				4px solid #000000;
	box-sizing:			border-box;
	border-radius:		8px;


	text-align:			center;
	font-family:		Times New Roman, serif;
	font-weight:		bold;
	font-size:			24px;
	line-height:		1.0em;
	color:				#FFFFFF;

	background-color:	#996666;

	cursor:				not-allowed;
}

.color_button_large_red:hover {
	border:				4px solid #FF9999;
}

.color_button_large_blue {
	display:			inline-block;
	margin:				8px;
	padding:			16px;
	height:				fit-content;
	width:				fit-content;

	text-shadow: 		0px 1px 2px #000000;
	border:				4px solid #000000;
	box-sizing:			border-box;
	border-radius:		8px;


	text-align:			center;
	font-family:		Times New Roman, serif;
	font-weight:		bold;
	font-size:			24px;
	line-height:		1.0em;
	color:				#FFFFFF;

	background-color:	#666699;

	cursor:				not-allowed;
}

.color_button_large_blue:hover {
	border:				4px solid #9999FF;
}

.canvas_pie {
	position: 			relative;
	display: 			block;
	float: 				left;
	top: 				auto;
	left: 				auto;
	padding: 			0px;
	border: 			none;
	height: 			256px;
	width: 				256px;
	background-color: 	#EEDDCC;

}

.team_logos {
	height: 			128px;
	width: 				128px;
}

.usa_flag_large {
	width: 				128px;
}

/*MEDIA 1600 START*/
@media (max-width: 1600px) {

h1 {						font-size: 96px;}
h2 {						font-size: 32px;}
.team_logos {				height: 160px;				width: 160px;}
.canvas_pie {				height: 320px;				width: 320px;}
.usa_flag_large {										width: 320px;}
.block_pad_intro {			font-size: 32px;}
.color_button_large_red {	font-size: 32px;}
.color_button_large_blue {	font-size: 32px;}
.countdown_timer {			font-size: 32px;}
.voting_data_black {		font-size: 32px;}
.voting_data_red {			font-size: 32px;}
.voting_data_blue {			font-size: 32px;}
}
/*MEDIA 1600 END*/

/*MEDIA 1280 START*/
@media (max-width: 1280px) {

h1 {						font-size: 64px;}
h2 {						font-size: 24px;}
.team_logos {				height: 128px;				width: 128px;}
.canvas_pie {				height: 256px;				width: 256px;}
.usa_flag_large {										width: 256px;}
.block_pad_intro {			font-size: 24px;}
.color_button_large_red {	font-size: 24px;}
.color_button_large_blue {	font-size: 24px;}
.countdown_timer {			font-size: 24px;}
.voting_data_black {		font-size: 24px;}
.voting_data_red {			font-size: 24px;}
.voting_data_blue {			font-size: 24px;}
}
/*MEDIA 1280 END*/

/*MEDIA 800 START*/
@media (max-width: 800px) {

h1 {						font-size: 48px;}
h2 {						font-size: 16px;}
.team_logos {				height: 96px;				width: 96px;}
.canvas_pie {				height: 192px;				width: 192px;}
.usa_flag_large {										width: 192px;}
.block_pad_intro {			font-size: 16px;}
.color_button_large_red {	font-size: 16px;}
.color_button_large_blue {	font-size: 16px;}
.countdown_timer {			font-size: 16px;}
.voting_data_black {		font-size: 16px;}
.voting_data_red {			font-size: 16px;}
.voting_data_blue {			font-size: 16px;}
}
/*MEDIA 800 END*/

/*MEDIA 600 START*/
@media (max-width: 640px) {

h1 {						font-size: 32px;}
h2 {						font-size: 12px;}
.team_logos {				height: 64px;				width: 64px;}
.canvas_pie {				height: 160px;				width: 160px;}
.usa_flag_large {										width: 160px;}
.block_pad_intro {			font-size: 12px;}
.color_button_large_red {	font-size: 12px;}
.color_button_large_blue {	font-size: 12px;}
.countdown_timer {			font-size: 12px;}
.voting_data_black {		font-size: 12px;}
.voting_data_red {			font-size: 12px;}
.voting_data_blue {			font-size: 12px;}
}
/*MEDIA 600 END*/