/*@import url(https://fonts.googleapis.com/css?family=Open+Sans:800);*/
@font-face {
        font-family: 'Roboto Condensed';
        src: url('./weq8-19a7DRs5.woff2');
}

html {
	background-color: #121212;
	font-family: "Open Sans", sans-serif;
	font-weight: 800;
}

body {
	font-family: 'Roboto Condensed', sans-serif;
	background-color: white;
	margin-left: 7%;
	margin-right: 7%;
	border: 2px dotted brown;
	padding: 10px 10px 10px 10px;
}

header {
	font-size: x-large;
}

nav {
        font-size: xx-large;
}

p#headtext {
	text-align: center;
}

footer {
	font-size: small;
	padding: 10px 10px 10px 10px;
}
.superscript{
	font-size: 28px;
	font-weight: 600;
	position: relative;
	top: -14px;
}
section#overview {
	font-size: 44px;
	border: 1px dotted brown;
	padding: 10px 10px 10px 10px;
}

div#tableContainer {
	display: table;
	width: 100%;
	border: 1px dotted brown;
	padding: 10px 10px 10px 10px;
}

	div#row1 {
		display: table-row;
		border: 1px dotted brown;
		padding: 10px 10px 10px 10px;
	}

		div#r1c1 {
			display: table-cell;
			width: 60%;
			margin-left: auto;
			border: 1px dotted brown;
			padding: 10px 10px 10px 10px;

		}

		div#r1c2 {
			display: table-cell;
			width: 40%;
			margin-right: auto;
			border: 1px dotted brown;
			padding: 10px 10px 10px 10px;
		}

	div#row2 {
		display: table-row;
		border: 1px dotted brown;
		padding: 10px 10px 10px 10px;
		}
	
		div#r2c1 {
			display: table-cell;
			width: 60%;
			margin-left: auto;
			border: 1px dotted brown;
			padding: 10px 10px 10px 10px;
	
		}
	
		div#r2c2 {
			display: table-cell;
			width: 40%;
			margin-right: auto;
			border: 1px dotted brown;
			padding: 10px 10px 10px 10px;
		}
	

	div#row3 {
		display: table-row;
		border: 1px dotted brown;
		padding: 10px 10px 10px 10px;
	}

		div#r3c1 {
			display: table-cell;
			width: 60%;
			margin-left: auto;
			border: 1px dotted brown;
			padding: 10px 10px 10px 10px;

		}

		div#r3c2 {
			display: table-cell;
			width: 40%;
			margin-right: auto;
			border: 1px dotted brown;
			padding: 10px 10px 10px 10px;
		}
		
		div#row4 {
			display: table-row;
			border: 1px dotted brown;
			padding: 10px 10px 10px 10px;
		}
	
			div#r4c1 {
				display: table-cell;
				width: 60%;
				margin-left: auto;
				border: 1px dotted brown;
				padding: 10px 10px 10px 10px;
	
			}
	
			div#r4c2 {
				display: table-cell;
				width: 40%;
				margin-right: auto;
				border: 1px dotted brown;
				padding: 10px 10px 10px 10px;
			}
	
		div#row5 {
				display: table-row;
				border: 1px dotted brown;
				padding: 10px 10px 10px 10px;
		}
		
			div#r5c1 {
				display: table-cell;
				width: 60%;
				margin-left: auto;
				border: 1px dotted brown;
				padding: 10px 10px 10px 10px;
		
			}
		
			div#r5c2 {
				display: table-cell;
				width: 40%;
				margin-right: auto;
				border: 1px dotted brown;
				padding: 10px 10px 10px 10px;
			}
		div#row6 {
				display: table-row;
				border: 1px dotted brown;
				padding: 10px 10px 10px 10px;
		}
		
			div#r6c1 {
				display: table-cell;
				width: 60%;
				margin-left: auto;
				border: 1px dotted brown;
				padding: 10px 10px 10px 10px;
		
			}
		
			div#r6c2 {
				display: table-cell;
				width: 40%;
				margin-right: auto;
				border: 1px dotted brown;
				padding: 10px 10px 10px 10px;
			}
		div#row7 {
				display: table-row;
				border: 1px dotted brown;
				padding: 10px 10px 10px 10px;
		}
		
			div#r7c1 {
				display: table-cell;
				width: 60%;
				margin-left: auto;
				border: 1px dotted brown;
				padding: 10px 10px 10px 10px;
		
			}
		
			div#r7c2 {
				display: table-cell;
				width: 40%;
				margin-right: auto;
				border: 1px dotted brown;
				padding: 10px 10px 10px 10px;
			}

		div#row8 {
			display: table-row;
			border: 1px dotted brown;
			padding: 10px 10px 10px 10px;
		}
		
			div#r8c1 {
				display: table-cell;
				width: 60%;
				margin-left: auto;
				border: 1px dotted brown;
				padding: 10px 10px 10px 10px;
		
			}
		
			div#r8c2 {
				display: table-cell;
				width: 40%;
				margin-right: auto;
				border: 1px dotted brown;
				padding: 10px 10px 10px 10px;
			}

		div#row9 {
			display: table-row;
			border: 1px dotted brown;
			padding: 10px 10px 10px 10px;
		}
		
			div#r9c1 {
				display: table-cell;
				width: 60%;
				margin-left: auto;
				border: 1px dotted brown;
				padding: 10px 10px 10px 10px;
		
			}
		
			div#r9c2 {
				display: table-cell;
				width: 40%;
				margin-right: auto;
				border: 1px dotted brown;
				padding: 10px 10px 10px 10px;
			}

.PrimaryNav {
	list-style: none;
	margin: 50px auto;
	max-width: 720px;
	padding: 0;
	width: 100%;
}

.Nav-item {
	background: #fff;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	width: 33.3333333333%;
	text-align: center;
}
.Nav-item:first-child {
	border-radius: 10px 0 0 10px;
}
.Nav-item:last-child {
	border-radius: 0 10px 10px 0;
}
.Nav-item.is-active a {
	color: #e82d00;
}
.Nav-item a {
	color: #121212;
	display: block;
	padding-top: 20px;
	padding-bottom: 20px;
	text-decoration: none;
}
.Nav-item a:hover {
	color: #e82d00;
}
.with-indicator {
	position: relative;
	z-index: 0;
}

.with-indicator .Nav-item:last-child:before, .with-indicator .Nav-item:last-child:after {
	content: "";
	display: block;
	position: absolute;
	pointer-events: none;
	transition: left 1.3s ease;
}
.with-indicator .Nav-item:last-child:before {
	border: 6px solid transparent;
	border-top-color: #e82d00;
	width: 0;
	height: 0;
	top: 0;
	left: 16.6666666667%;
	margin-left: -3px;
}
.with-indicator .Nav-item:last-child:after {
  	background: #e82d00;
  	top: -6px;
  	bottom: -6px;
  	left: 0;
  	width: 33.3333333333%;
	z-index: -1;
}
.with-indicator .Nav-item:nth-child(1).is-active ~ .Nav-item:last-child:after {
	left: 0%;
}
.with-indicator .Nav-item:nth-child(1).is-active ~ .Nav-item:last-child:before {
	left: 16.6666666667%;
}
.with-indicator .Nav-item:nth-child(2).is-active ~ .Nav-item:last-child:after {
	left: 33.3333333333%;
}
.with-indicator .Nav-item:nth-child(2).is-active ~ .Nav-item:last-child:before {
	left: 50%;
}

.with-indicator .Nav-item:nth-child(1):hover ~ .Nav-item:last-child:after {
	left: 0% !important;
}
.with-indicator .Nav-item:nth-child(1):hover ~ .Nav-item:last-child:before {
	left: 16.6666666667% !important;
}
.with-indicator .Nav-item:nth-child(2):hover ~ .Nav-item:last-child:after {
	left: 33.3333333333% !important;
}
.with-indicator .Nav-item:nth-child(2):hover ~ .Nav-item:last-child:before {
	left: 50% !important;
}

.with-indicator .Nav-item:last-child:hover:before, .with-indicator .Nav-item:last-child.is-active:before {
	left: 83.3333333333% !important;
}
.with-indicator .Nav-item:last-child:hover:after, .with-indicator .Nav-item:last-child.is-active:after {
  left: 66.6666666667% !important;
}

*,
*:before,
*:after {
  box-sizing: border-box;
}

.PrimaryNav:before,
.PrimaryNav:after {
  content: " ";
  display: table;
}

.PrimaryNav:after {
  clear: both;
}

.toggle {
  color: #fff;
  font-family: sans-serif;
  text-align: center;
}