body {
	font-family: "Neue Helvetica Condensed", sans-serif;
	color:#333;
	font-size:16px;
	width:100%;
	margin:0px;
	
}

h1 {
	font-size:3em;
}

h2 {
	font-size:2.4em;
	
}

.home-container {
	display:grid;
	height:100vh;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	grid-template-rows: 0.2fr 0.2fr 3.0fr 2.0fr 0.2fr 2.0fr .3fr 2.0fr .3fr 2.0fr 2.0fr 1.0fr;
	grid-template-areas: 
		"header1 header2 header2 header2 header3"
		"nav nav nav nav nav"
		"main main main main main"
		"content1 content1 abstract abstract abstract"
		"bode-head bode-head bode-head bode-head bode-head"
		"bode-text bode-text bode-text bode-img bode-img"
		"team-heading team-heading team-heading team-heading team-heading"
		"content3 content4 content5 content6 content7"
		"sponsor-heading sponsor-heading sponsor-heading sponsor-heading sponsor-heading"
		"sponsor1 sponsor1 sponsor2 sponsor3 sponsor3"
		"content12 content13 content14 content14 content15"
		"footer footer footer footer footer";
	
	
}

.comp-container {
	display:grid;
	height:100vh;
	grid-template-columns: 1fr 1fr 1fr 1fr ;
	grid-template-rows: 0.2fr 0.2fr 0.5fr 8.0fr 1.0fr;
	grid-template-areas: 
		"header1 header2 header2 header3"
		"nav nav nav nav"
		"main main main main"
		"componet1 componet1 componet1 componet1"
		"footer footer footer footer";
	
}

.testing-container {
	display:grid;
	height:100vh;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-template-rows: 0.2fr 0.2fr 0.5fr 1.0fr 2.0fr 1.0fr 2.0fr 1.0fr;
	grid-template-areas: 
		"header1 header2 header2 header3"
		"nav nav nav nav"
		"main main main main"
		"testing1 testing1 testing1 testing1"
		"testing3 testing3 testing2 testing2"
		"testing4 testing4 testing4 testing4"
		"testing5 testing5 testing6 testing6"
		"footer footer footer footer";
	
}

.testing-container #main,
.resources-container #main,
.comp-container #main {
	padding:.5em;
}

.resources-container {
	display:grid;
	height:100vh;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-template-rows: 0.2fr 0.2fr 0.5fr 0.2fr 2.0fr 2.0fr 1.0fr;
	grid-template-areas: 
		"header1 header2 header2 header3"
		"nav nav nav nav"
		"main main main main"
		"data-head data-head data-head data-head"
		"res1 res1 res2 res2"
		"res3 res3 res3 res3"
		"footer footer footer footer";
	
}

.funct-container {
	display:grid;
	height:100vh;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-template-rows: 0.2fr 0.2fr 0.5fr 4.0fr 0.5fr 1.0fr 1.0fr 0.5fr 1.0fr 1.0fr 0.5fr 1.0fr 1.0fr 0.5fr 1.0fr 1.0fr 0.5fr 1.0fr 1.0fr 0.5fr 1.0fr 1.0fr 0.5fr 1.0fr 1.0fr 0.5fr 1.0fr 1.0fr;
	grid-template-areas: 
		"header1 header2 header2 header3"
		"nav nav nav nav"
		"main main main main"
		"funct-img funct-img funct-img funct-img"
		"decomp1 decomp1 decomp1 decomp1"
		"decomp2 decomp2 decomp3 decomp3"
		"decomp4 decomp4 decomp4 decomp4"
		"decomp5 decomp5 decomp6 decomp6"
		"decomp7 decomp7 decomp7 decomp7"
		"decomp8 decomp8 decomp9 decomp9"
		"decomp10 decomp10 decomp10 decomp10"
		"decomp11 decomp11 decomp12 decomp12"
		"decomp13 decomp13 decomp13 decomp13"
		"decomp14 decomp14 decomp15 decomp15"
		"decomp16 decomp16 decomp16 decomp16"
		"decomp17 decomp17 decomp18 decomp18"
		"decomp19 decomp19 decomp19 decomp19"
		"decomp20 decomp20 decomp21 decomp21"
		"decomp22 decomp22 decomp22 decomp22"
		"decomp23 decomp23 decomp24 decomp24"
		"decomp25 decomp25 decomp25 decomp25"
		"decomp26 decomp26 decomp27 decomp27"
		"decomp28 decomp28 decomp28 decomp28"
		"decomp29 decomp29 decomp30 decomp30"
		"decomp31 decomp31 decomp31 decomp31"
		"decomp32 decomp32 decomp33 decomp33"
		"footer footer footer footer";
	
}


.center {
	margin-left: auto;
	margin-right: auto;
}



table {
	border-collapse: collapse;
	text-align: left;
}

table, th, td {
  border: 1px solid;
}

td {
	padding:6px 8px;
}

tr:hover {
	background-color: #edecee;
}

.cost {
	text-align: right;
}

.headerrow {
	height:2em;
	text-align: center;
	font-weight: 700;
	background-color: #F3F2F3;
}

#header1 {
	grid-area: header1;
	text-align: center;
}

#header1 img {
	width:60%;
}

#header2 {
	grid-area: header2;
	text-align: center;
	
}

#header2 h2 {
	margin-top:.5em;
}

#header3 {
	grid-area: header3;
	text-align: center;
	
}

#nav {	
	grid-area: nav;
	text-align: center;
}

#nav ul {
	list-style: none;
	position: relative;
	margin:0;
	
	
}

#nav li {
	display: inline;
	padding:4px 15px;
	color:#000;
	font-weight: 500;
	font-size:1em;
	line-height:1.5;
	text-transform:uppercase;
	font-family: "Neue Helvetica Condensed", sans-serif;
}

#nav li:hover {
	background-color:#dbd9dd;

}

#main {
	background-image: url("images/spotlight-back.jpg");
	background-repeat: no-repeat;
	background-color: #031b4a;
	background-size: cover;
	border:none;
	grid-area: main;
	text-align:center;
	color:#fff;
	padding:3em 0;
}

#main h1 {
	font-size:4.4em;
	color:#fff;
		text-shadow: 1px 1px #000;
}


#main h3 {
	color:#fff;
	font-size:2em;
	font-weight: bold;
	text-shadow: 1px 1px #000;
}

#main .int {
	font-size: 3.0em;
}

#content1 {
	background-color: #000;
	grid-area: content1;
}

#content1 h2 {
	text-align: center;
	color:#fff;
	
}

video {
	width: 80%;
	text-align: center;
	display: block;
  	margin-left: auto;
  	margin-right: auto;
	
}

#abstract {
	background-color: #000;
	grid-area: abstract;
	padding-right:6em;
}

#abstract h2 {
	text-align: center;
	color:#fff;
	
}

#bode-text h2,
#bode-img h2 {
	text-align: center;
	
	
}

#abstract p {
	text-align: left;
	color:#fff;
	padding:1em;
	font-size:1.2em;
	line-height: 1.5;
}

#bode-head {
	grid-area: bode-head;
	text-align: center;
}

#bode-text p {
	text-align: left;
	padding:0 1em 1em 1em;
	font-size:1.2em;
	line-height: 1.5;
	margin-top:0;
}

#bode-text {
	background-color: #FFF;
	grid-area: bode-text;
	padding-left:6em;
}

#bode-img {
	background-color: #FFF;
	grid-area: bode-img;
	text-align:center;
	
}

#bode-img img {
	width:60%;

}

#team-heading {
	grid-area: team-heading;
	text-align: center;
	background-color:#edecee;
}

#team-heading h2 {
	text-align: center;
}

#content3 {
	grid-area: content3;
	text-align: center;
	background-color:#edecee;
}

#content3 img,
#content4 img,
#content5 img,
#content6 img,
#content7 img {
	width:200px;
	padding:1em 1em 0 1em;
}

#content4 {
	text-align: center;
	grid-area: content4;
	background-color:#edecee;
}

#content5 {
	text-align: center;
	grid-area: content5;
	background-color:#edecee;
}

#content6 {
	text-align: center;
	grid-area: content6;
	background-color:#edecee;
}

#content7 {
	text-align: center;
	grid-area: content7;
	background-color:#edecee;
}

#sponsor-heading {
	grid-area: sponsor-heading;
	text-align: center;
	background-color: #fff;
}

#sponsor-heading h2 {
	text-align: center;
}

#sponsor1 {
	grid-area: sponsor1;
	text-align: center;
	background-color: #fff;
}

#sponsor1 img,
#sponsor2 img,
#sponsor3 img {
	width:200px;
	padding:1em 1em 0 1em;
}

#sponsor2 {
	grid-area: sponsor2;
	text-align: center;
	background-color: #fff;
}

#sponsor3 {
	grid-area: sponsor3;
	text-align: center;
	background-color: #fff;
}

#functdecomp {
	grid-area: functdecomp;
	text-align: center;
	background-color:#edecee;
}

#content12 {
	background-color:#000;
	grid-area: content12;
	text-align:center;
	padding:2em;
	color:#fff;
}

#content13 {
	background-color:#000;
	grid-area: content13;
	text-align:right;
	padding:2em;
	color:#fff;
}

#content14 {
	background-color:#000;
	grid-area: content14;
	text-align:center;
	padding:2em;
	color:#fff;
}

#content15 {
	background-color:#000;
	grid-area: content15;
	text-align:center;
	padding:2em;
	color:#fff;
}

#content12 img,
#content13 img,
#content14 img,
#content15 img {
	width:200px;
}

#content12 h4,
#content13 h4,
#content14 h4,
#content15 h4 {
	color:#fff;
}

#componet1 {
	background-color:#fff;
	grid-area: componet1;
	text-align:center;
	padding:2em;
}

.data-head {
	grid-area: data-head;
	text-align: center;
}

#res1 {
	background-color:#fff;
	grid-area: res1;
	text-align:center;
	padding:2em;
	margin-left:18em;
	
}

#res2 {
	background-color:#fff;
	grid-area: res2;
	text-align:center;
	padding:2em;
	margin-right:18em;
	
}

#res1 img,
#res2 img {
	width:50%;
}

#res3 {
	background-color:#000;
	grid-area: res3;
	text-align:center;
	padding:2em;
}

#res3 table {
	background-color:#fff;
	width:100%;
}

#res3 th {
	padding:1em;
}

#res3 tr:hover {
	background-color:#ecedee;
}

#testing1 {
	grid-area: testing1;
	text-align: center;
	background-color:#fff;
}

#testing2 {
	background-color:#fff;
	grid-area: testing2;
	text-align:left;
	padding:2em;
}



#testing3 {
	background-color:#fff;
	grid-area: testing3;
	text-align:center;
	padding:2em;
}

#testing4 {
	grid-area: testing4;
	text-align: center;
	background-color:#000;
	color:#fff;
} 

#testing5 {
	grid-area: testing5;
	text-align:center;
	background-color:#000;
}

#testing3 img,
#testing5 img {
	padding:2em;
}

#testing6 {
	background-color:#000;
	grid-area: testing6;
	text-align:left;
	padding:2em;
	color:#fff;
}





#funct-img {
	grid-area: funct-img;
	text-align: center;
	background-color:#fff;
}

#decomp1 {
	background-color:#edecee;
	grid-area: decomp1;
	text-align:center;
	
	
	
}

#decomp2 {
	background-color:#edecee;
	grid-area: decomp2;
	text-align:center;
	padding:2em;
	
}

#decomp2 img,
#decomp6 img,
#decomp14 img,
#decomp18 img,
#decomp32 img {
	width:80%;
}

#decomp8 img,
#decomp20 img,
#decomp24 img, 
#decomp26 img,
#decomp12 img {
	width:60%;
}

#decomp3 {
	background-color:#edecee;
	grid-area: decomp3;
	text-align:left;
	padding:2em;
	
}

#decomp4 {
	background-color:#fff;
	grid-area: decomp4;
	text-align:center;

	
}

#decomp5 {
	background-color:#fff;
	grid-area: decomp5;
	text-align:left;
	padding:2em;

	
}

#decomp6 {
	background-color:#fff;
	grid-area: decomp6;
	text-align:center;
	padding:2em;
	
}

#decomp7 {
	background-color:#000;
	grid-area: decomp7;
	text-align:center;
	color:#fff;
	
	
}

#decomp8 {
	background-color:#000;
	grid-area: decomp8;
	text-align:center;
	padding:2em;
	
}

#decomp9 {
	background-color:#000;
	grid-area: decomp9;
	color:#fff;
	padding:2em;
	
}

#decomp10 {
	background-color:#fff;
	grid-area: decomp10;
	text-align:center;
	
	
}

#decomp11 {
	background-color:#fff;
	grid-area: decomp11;
	text-align:center;
	padding:2em;
	
}

#decomp12 {
	background-color:#fff;
	grid-area: decomp12;
	text-align:center;
	padding:2em;
	color:#fff;
	
}

#decomp13 {
	background-color:#000;
	grid-area: decomp13;
	text-align:center;
	color:#fff;
	
	
}

#decomp14 {
	background-color:#000;
	grid-area: decomp14;
	text-align:center;
	padding:2em;
	color:#fff;
	
}

#decomp15 {
	background-color:#000;
	grid-area: decomp15;
	color:#fff;
	padding:2em;
	
}

#decomp16 {
	background-color:#fff;
	grid-area: decomp16;
	text-align:center;
	
	
}

#decomp17 {
	background-color:#fff;
	grid-area: decomp17;
	
	padding:2em;
	
}

#decomp18 {
	background-color:#fff;
	grid-area: decomp18;
	text-align:center;
	padding:2em;
	
}

#decomp19 {
	background-color:#ecedee;
	grid-area: decomp19;
	text-align:center;
	
	
}

#decomp20 {
	background-color:#ecedee;
	grid-area: decomp20;
	text-align:center;
	padding:2em;
	
}

#decomp21 {
	background-color:#ecedee;
	grid-area: decomp21;
	
	padding:2em;
	
}

#decomp22 {
	background-color:#fff;
	grid-area: decomp22;
	text-align:center;
	
	
}

#decomp23 {
	background-color:#fff;
	grid-area: decomp23;
	
	padding:2em;
	
}

#decomp24 {
	background-color:#fff;
	grid-area: decomp24;
	text-align:center;
	padding:2em;
	
}

#decomp25 {
	background-color:#000;
	grid-area: decomp25;
	text-align:center;
	color:#fff;
	
}

#decomp26 {
	background-color:#000;
	grid-area: decomp26;
	text-align:center;
	padding:2em;
	
}

#decomp27{
	background-color:#000;
	grid-area: decomp27;
	color:#fff;
	padding:2em;
	
}

#decomp28 {
	background-color:#fff;
	grid-area: decomp28;
	text-align:center;
	
	
	
}

#decomp29 {
	background-color:#fff;
	grid-area: decomp29;
	padding:2em;
	
	
}

#decomp30 {
	background-color:#fff;
	grid-area: decomp30;
	text-align:center;
	padding:2em;

	
}

#decomp31 {
	background-color:#edecee;
	grid-area: decomp31;
	text-align:center;
	
	
}

#decomp32 {
	background-color:#edecee;
	grid-area: decomp32;
	text-align:center;
	padding:2em;
	border-bottom:10px solid #000;
	
}

#decomp33 {
	background-color:#edecee;
	grid-area: decomp33;
		padding:2em;
	border-bottom:10px solid #000;
	
}


footer {
	background-color: #edecee;
	grid-area: footer;
	text-align:center;
	padding:1em;
}

footer p {
	width:50%;
	margin-left: auto;
	margin-right: auto;
}

ul {
	padding:0;
}

@media only screen and (max-width:1200px) {
	.home-container {
		grid-template-columns:1fr 1fr 1fr 1fr;
		grid-template-rows:.1fr .1fr .1fr 1.6fr 1fr 0.1fr 1fr .1fr 1fr 1fr 1fr .1fr 1fr 1fr 2fr 1fr .4fr;
		grid-template-areas:
			"header1 header1 header3 header3"
			"header2 header2 header2 header2"
			"nav nav nav nav"
			"main main main main"
			"content1 content1 abstract abstract"
			"bode-head bode-head bode-head bode-head"
			"bode-text bode-text bode-img bode-img"
			"team-heading team-heading team-heading team-heading"
			"content3 content4 content5 content6"
			"content7 content7 content7 content7"
			"sponsor-heading sponsor-heading sponsor-heading sponsor-heading"
			"sponsor1 sponsor2 sponsor2 sponsor3"
			"functdecomp functdecomp functdecomp functdecomp"
			"content12 content13 content14 content15"
			"footer footer footer footer"
		
	}
	
	
	
	#header1 img {
		width:50%;
	}
	
	h2 {
		font-size: 1.8em;
		margin:.4em;
	}
	
	#main {
		padding:.5em;
	}
	
	#main h1 {
	font-size:2.8em;

}

	#main h3 {
	font-size:1.6em;
	
}
	video {
	width: 80%;
}
	#abstract {
		text-align: center;
		padding:2em;
	}
	
	#abstract p {
		padding:1em;
		text-align: center;
	}
	
	#functdecomp img {
		width:80%;
	}
	
	#bode-img,
	#bode-text {
		padding:2em;
	}
	
	#bode-text p {
		text-align: center;
	}
	
	#content13 {
		text-align: center;
	}
		.funct-container img {
		width:100%
	}
	
	#res1 {
		padding:1em;
		margin-left:0;
	
	}

	#res2 {
		padding:1em;
		margin-right:0;
	}

	#res1 img,
	#res2 img {
		width:90%;
	}
	
}

@media only screen and (max-width:950px) {
	.home-container {
		grid-template-columns:1fr 1fr 1fr;
		grid-template-rows:.1fr .1fr .1fr 1.6fr 1fr 1fr 0.1fr 1fr 1fr .1fr 1fr 1fr .1fr 1fr 2fr 1fr 1fr .4fr;
		grid-template-areas:
			"header1 header1 header3"
			"header2 header2 header2"
			"nav nav nav"
			"main main main"
			"content1 content1 content1"
			"abstract abstract abstract"
			"bode-head bode-head bode-head"
			"bode-img bode-img bode-img"
			"bode-text bode-text bode-text"
			"team-heading team-heading team-heading"
			"content4 content5 content6"
			"content3 content3 content7"
			"sponsor-heading sponsor-heading sponsor-heading"
			"sponsor1 sponsor2 sponsor3"
			"functdecomp functdecomp functdecomp"
			"content12 content12 content13"
			"content14 content14 content15"
			"footer footer footer"
		
	}
	
	
	
	#header1 img {
		width:50%;
	}
	
	h2 {
		font-size: 1.8em;
		margin:.4em;
	}
	
	#main {
		padding:.5em;
	}
	
	#main h1 {
	font-size:2.8em;

}

	#main h3 {
	font-size:1.6em;
	
}
	video {
	width: 80%;
}
	
	#abstract {
		text-align: center;
		padding:2em;
	}
	
	#abstract p {
		padding:1em;
		text-align: center;
	}
	
	#functdecomp img {
		width:80%;
	}
	
	#bode-img,
	#bode-text {
		padding:2em;
	}
	
	#bode-text p {
		text-align: center;
	}
	
		#content13 {
		text-align: center;
	}
	
		.funct-container img {
		width:100%
	}
	

	
}

@media only screen and (max-width:768px) {
	.home-container {
		grid-template-columns:1fr 1fr;
		grid-template-rows:.1fr .1fr .1fr 1.6fr 1fr 1fr 0.1fr 1fr 1fr .1fr 1fr 1fr 1fr .1fr 1fr 1fr 2fr 1fr 1fr .4fr;
		grid-template-areas:
			"header1 header3"
			"header2 header2"
			"nav nav"
			"main main"
			"content1 content1"
			"abstract abstract"
			"bode-head bode-head"
			"bode-img bode-img"
			"bode-text bode-text"
			"team-heading team-heading"
			"content4 content5"
			"content3 content6"
			"content7 content7"
			"sponsor-heading sponsor-heading"
			"sponsor2 sponsor2"
			"sponsor1 sponsor3"
			"functdecomp functdecomp"
			"content12 content13"
			"content14 content15"
			"footer footer"
		
	}
	
	.funct-container {
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 0.2fr 0.2fr 0.2fr 2.0fr 4fr 0.5fr 1.0fr 1.0fr 0.5fr 1.0fr 1.0fr 0.5fr 1.0fr 1.0fr 0.5fr 1.0fr 1.0fr 0.5fr 1.0fr 1.0fr 0.5fr 1.0fr 1.0fr 0.5fr 1.0fr 1.0fr 0.5fr 1.0fr 1.0fr 0.5fr 1.0fr 1.0fr 0.5fr 1.0fr 1.0fr 0.5fr 1.0fr 1.0fr .05fr;
	grid-template-areas: 
		"header1 header3"
		"header2 header2"
		"nav nav"
		"main main"
		"funct-img funct-img"
		"decomp1 decomp1"
		"decomp2 decomp2"
		"decomp3 decomp3"
		"decomp4 decomp4"
		"decomp6 decomp6"
		"decomp5 decomp5"
		"decomp7 decomp7"
		"decomp8 decomp8"
		"decomp9 decomp9"
		"decomp10 decomp10"
		"decomp12 decomp12"
		"decomp11 decomp11"
		"decomp13 decomp13"
		"decomp14 decomp14"
		"decomp15 decomp15"
		"decomp16 decomp16"
		"decomp18 decomp18"
		"decomp17 decomp17"
		"decomp19 decomp19"
		"decomp20 decomp20"
		"decomp21 decomp21"
		"decomp22 decomp22"
		"decomp24 decomp24"
		"decomp23 decomp23"
		"decomp25 decomp25"
		"decomp26 decomp26"
		"decomp27 decomp27"
		"decomp28 decomp28"
		"decomp30 decomp30"
		"decomp29 decomp29"
		"decomp31 decomp31"
		"decomp32 decomp32"
		"decomp33 decomp33"
		"footer footer";
	
}
	
	.testing-container {
	display:grid;
	height:100vh;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 0.2fr 0.2fr 0.2fr 0.5fr 1.0fr 1.0fr 1.0fr 1.0fr 1.0fr 1.0fr 0.5fr;
	grid-template-areas: 
		"header1 header3"
		"header2 header2"
		"nav nav"
		"main main"
		"testing1 testing1"
		"testing3 testing3"
		"testing2 testing2"
		"testing4 testing4"
		"testing5 testing5"
		"testing6 testing6"
		"footer footer";
	
}
	
	
	.resources-container {
	display:grid;
	height:100vh;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 0.2fr 0.2fr 0.2fr 0.5fr 0.1 2.0fr 2.0fr 2.0fr 1.0fr;
	grid-template-areas: 
		"header1 header3"
		"header2 header2"
		"nav nav"
		"main main"
		"data-head data-head"
		"res1 res1"
		"res2 res2"
		"res3 res3"
		"footer footer";
	
}
	
	#header1 img {
		width:50%;
	}
	
	h2 {
		font-size: 1.8em;
		margin:.4em;
	}
	
	#main {
		padding:.5em;
	}
	
	#main h1 {
	font-size:2.8em;

}

	#main h3 {
	font-size:1.6em;
	
}
	video {
	width: 100%;
}
	
	#abstract {
		text-align: center;
		padding:2em;
	}
	
	#abstract p {
		padding:1em;
		text-align: center;
	}
	
	#functdecomp img {
		width:80%;
	}
	
	#bode-img,
	#bode-text {
		padding:2em;
	}
	
	#bode-text p {
		text-align: center;
	}
	
		#content13 {
		text-align: center;
	}
	
	#decomp32 {
		border:none;
	}
	
		.funct-container img {
		width:100%
	}
	
	#res3 table {
		width:80%;
		font-size:0.6em;
	}
}

@media only screen and (max-width:480px) {
	.home-container {
		grid-template-columns:1fr;
		grid-template-rows:.1fr .1fr .1fr .1fr 1.6fr 1fr 1fr 0.1fr 1fr 1fr 1fr .1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 2fr 2fr 1fr 1fr 1fr 1fr .4fr;
		grid-template-areas:
			"header1"
			"header3"
			"header2"
			"nav"
			"main"
			"content1"
			"abstract"
			"bode-head"
			"bode-img"
			"bode-text"
			"team-heading"
			"content5"
			"content4"
			"content6"
			"content3"
			"content7"
			"sponsor-heading"
			"sponsor2"
			"sponsor1"
			"sponsor3"
			"functdecomp"
			"content12"
			"content13"
			"content14"
			"content15"
			"footer"
		
	}
	
	.funct-container {
	grid-template-columns: 1fr;
	grid-template-rows: 0.2fr 0.2fr 0.2fr 2.0fr 4fr 0.5fr 1.0fr 1.0fr 0.5fr 1.0fr 1.0fr 0.5fr 1.0fr 1.0fr 0.5fr 1.0fr 1.0fr 0.5fr 1.0fr 1.0fr 0.5fr 1.0fr 1.0fr 0.5fr 1.0fr 1.0fr 0.5fr 1.0fr 1.0fr 0.5fr 1.0fr 1.0fr 0.5fr 1.0fr 1.0fr 0.5fr 1.0fr 1.0fr .05fr;
	grid-template-areas: 
		"header1"
		"header3"
		"header2"
		"nav"
		"main"
		"funct-img"
		"decomp1"
		"decomp2"
		"decomp3"
		"decomp4"
		"decomp6"
		"decomp5"
		"decomp7"
		"decomp8"
		"decomp9"
		"decomp10"
		"decomp12"
		"decomp11"
		"decomp13"
		"decomp14"
		"decomp15"
		"decomp16"
		"decomp18"
		"decomp17"
		"decomp19"
		"decomp20"
		"decomp21"
		"decomp22"
		"decomp24"
		"decomp23"
		"decomp25"
		"decomp26"
		"decomp27"
		"decomp28"
		"decomp30"
		"decomp29"
		"decomp31"
		"decomp32"
		"decomp33"
		"footer";
	
	}
	
	.testing-container {
	display:grid;
	height:100vh;
	grid-template-columns: 1fr;
	grid-template-rows: 0.2fr 0.2fr 0.2fr 0.5fr 1.0fr 1.0fr 1.0fr 1.0fr 1.0fr 1.0fr 0.5fr;
	grid-template-areas: 
		"header1"
		"header3"
		"header2"
		"nav"
		"main"
		"testing1"
		"testing3"
		"testing2"
		"testing4"
		"testing5"
		"testing6"
		"footer";
	
}
	
	#header1 img {
		width:50%;
	}
	
	h2 {
		font-size: 1.8em;
		margin:.4em;
	}
	
	#main {
		padding:.5em;
	}
	
	#main h1 {
	font-size:2.8em;

}

	#main h3 {
	font-size:1.6em;
	
}
	video {
	width: 100%;
}
	
	#abstract {
		text-align: center;
		padding:2em;
	}
	
	#abstract p {
		padding:1em;
		text-align: center;
	}
	
	#functdecomp img {
		width:80%;
	}
	
	#bode-img,
	#bode-text {
		padding:2em;
	}
	
	#bode-text p {
		text-align: center;
	}
	
		#content13 {
		text-align: center;
	}
	
	.funct-container img {
		width:100%
	}
	
		#res3 table {
		width:80%;
		font-size:0.25em;
	}
	
}