@media (min-width:50em) { /* Laptops/Desktops */
	#mainHeader {
		background-color: #121921;
		color: #FFFFFF;
		text-align: center;
		background-image: url(TNAW.png);
		background-repeat: no-repeat;
		background-size: 22%;
		background-position: left;
		padding-top: 9px;
		padding-bottom: 9px;
	}

	#headerh1 {
		text-decoration: underline;
		font-family: Georgia, 'Times new Roman', serif;
	}

	#navbar {
		background-color: #232F3F;
		font-size: 1.17em;
		text-align: center;
		list-style-type: square;
		padding-top: 8px;
		padding-bottom: 8px;
	}

	nav a:hover {
		color: #799fd1;
		border-color: #FFFFFF;
		border-style: solid;
	}

	nav a:link {
		color: #F5F5F5;
		padding-left: 8px;
		padding-right: 8px;
	}

	nav a:visited {
		color: #F5F5F5;
		padding-left: 8px;
		padding-right: 8px;
	}


	#funnySection {
		background-color: #28374a;
		color: #F5F5F5;
		text-align: center;
		padding-top: 0.1px;
		padding-bottom: 0.1px;
	}

	#headerh2 {
		text-decoration: underline;
		font-family: Georgia, 'Times new Roman', serif;
	}

	.headerh3 {
		font-family: Georgia, 'Times new Roman', serif;
		font-size: 1.0em;
		padding-top: 0px;
	}

	.pageTitle {
		background-color: #F8F8F8;
		text-align: center;
		padding-top: 0.1px;
		padding-bottom: 0.1px;
	}

	.button {
		border: 2px solid #6C7275;
		transition-duration: 0.5s;
		padding: 0.7em 1.3em;
	}

	.button:hover {
		background-color: #6C7275;
		color: #FFFFFF;
	}

	.para {
		text-align: center;
	}

	.para ul {
		text-align: left;
		display: inline-block;
	}

	.row {
		display: flex;
	}

	.col {
		flex: 100.00%;
		padding: 5px;
	}

	form {
		font-family: Georgia, 'Times new Roman', serif;
		text-align: center;
		padding-top: 9px;
	}

	input {
		font-family: Georgia, 'Times new Roman', serif;
		width: 15%;
		box-sizing: border-box;
		border: 1px solid black;
		border-radius: 5px;
		padding: 7px 7px;
		margin: 7px 0;
	}

	input:focus {
		background-color: #C8DBE6;
	}

	textarea {
		font-family: Georgia, 'Times new Roman', serif;
		width: 15%;
		box-sizing: border-box;
		border: 1px solid black;
		border-radius: 5px;
		padding: 7px 7px;
		margin: 7px 0;
	}

	textarea:focus {
		background-color: #C8DBE6;
	}

	.req {
		color: red;
	}

	:required {
		border-color: red;
	}

	:required:valid {
		border-color: black;
	}

	footer {
		text-align: center;
		font-size: 75%;
		font-style: italic;
		font-family: 'Roboto', sans-serif;
	}
}


@media (min-width:20em) { /* Phones */ 
	#mainHeader {
		background-color: #121921;
		color: #FFFFFF;
		text-align: center;
		background-image: url(TNAW.png);
		background-repeat: no-repeat;
		background-size: 22%;
		background-position: left;
		padding-top: 9px;
		padding-bottom: 9px;
	}

	#headerh1 {
		text-decoration: underline;
		font-family: Georgia, 'Times new Roman', serif;
	}

	#navbar {
		background-color: #232F3F;
		font-size: 1.17em;
		text-align: center;
		list-style-type: square;
		padding-top: 8px;
		padding-bottom: 8px;
	}

	nav a:hover {
		color: #799fd1;
		border-color: #FFFFFF;
		border-style: solid;
	}

	nav a:link {
		color: #F5F5F5;
		padding-left: 8px;
		padding-right: 8px;
	}

	nav a:visited {
		color: #F5F5F5;
		padding-left: 8px;
		padding-right: 8px;
	}


	#funnySection {
		background-color: #28374a;
		color: #F5F5F5;
		text-align: center;
		padding-top: 0.1px;
		padding-bottom: 0.1px;
	}

	#headerh2 {
		text-decoration: underline;
		font-family: Georgia, 'Times new Roman', serif;
	}

	.headerh3 {
		font-family: Georgia, 'Times new Roman', serif;
		font-size: 1.0em;
		padding-top: 0px;
	}

	.pageTitle {
		background-color: #F8F8F8;
		text-align: center;
		padding-top: 0.1px;
		padding-bottom: 0.1px;
	}

	.button {
		border: 2px solid #6C7275;
		transition-duration: 0.5s;
		padding: 0.7em 1.3em;
	}

	.button:hover {
		background-color: #6C7275;
		color: #FFFFFF;
	}

	.para {
		text-align: center;
	}

	.para ul {
		text-align: left;
		display: inline-block;
	}

	.row {
		display: flex;
	}

	.col {
		flex: 25.00%;
		padding: 5px;
	}

	form {
		font-family: Georgia, 'Times new Roman', serif;
		text-align: center;
		padding-top: 9px;
	}

	input {
		font-family: Georgia, 'Times new Roman', serif;
		width: 15%;
		box-sizing: border-box;
		border: 1px solid black;
		border-radius: 5px;
		padding: 7px 7px;
		margin: 7px 0;
	}

	input:focus {
		background-color: #C8DBE6;
	}

	textarea {
		font-family: Georgia, 'Times new Roman', serif;
		width: 15%;
		box-sizing: border-box;
		border: 1px solid black;
		border-radius: 5px;
		padding: 7px 7px;
		margin: 7px 0;
	}

	textarea:focus {
		background-color: #C8DBE6;
	}

	.req {
		color: red;
	}

	:required {
		border-color: red;
	}

	:required:valid {
		border-color: black;
	}

	footer {
		text-align: center;
		font-size: 75%;
		font-style: italic;
		font-family: 'Roboto', sans-serif;
	}
}

@media (min-width:35em) { /* Tablets */ 
	#mainHeader {
		background-color: #121921;
		color: #FFFFFF;
		text-align: center;
		background-image: url(TNAW.png);
		background-repeat: no-repeat;
		background-size: 22%;
		background-position: left;
		padding-top: 9px;
		padding-bottom: 9px;
	}

	#headerh1 {
		text-decoration: underline;
		font-family: Georgia, 'Times new Roman', serif;
	}

	#navbar {
		background-color: #232F3F;
		font-size: 1.17em;
		text-align: center;
		list-style-type: square;
		padding-top: 8px;
		padding-bottom: 8px;
	}

	nav a:hover {
		color: #799fd1;
		border-color: #FFFFFF;
		border-style: solid;
	}

	nav a:link {
		color: #F5F5F5;
		padding-left: 8px;
		padding-right: 8px;
	}

	nav a:visited {
		color: #F5F5F5;
		padding-left: 8px;
		padding-right: 8px;
	}


	#funnySection {
		background-color: #28374a;
		color: #F5F5F5;
		text-align: center;
		padding-top: 0.1px;
		padding-bottom: 0.1px;
	}

	#headerh2 {
		text-decoration: underline;
		font-family: Georgia, 'Times new Roman', serif;
	}

	.headerh3 {
		font-family: Georgia, 'Times new Roman', serif;
		font-size: 1.0em;
		padding-top: 0px;
	}

	.pageTitle {
		background-color: #F8F8F8;
		text-align: center;
		padding-top: 0.1px;
		padding-bottom: 0.1px;
	}

	.button {
		border: 2px solid #6C7275;
		transition-duration: 0.5s;
		padding: 0.7em 1.3em;
	}

	.button:hover {
		background-color: #6C7275;
		color: #FFFFFF;
	}

	.para {
		text-align: center;
	}

	.para ul {
		text-align: left;
		display: inline-block;
	}

	.row {
		display: flex;
	}

	.col {
		flex: 50.00%;
		padding: 5px;
	}

	form {
		font-family: Georgia, 'Times new Roman', serif;
		text-align: center;
		padding-top: 9px;
	}

	input {
		font-family: Georgia, 'Times new Roman', serif;
		width: 15%;
		box-sizing: border-box;
		border: 1px solid black;
		border-radius: 5px;
		padding: 7px 7px;
		margin: 7px 0;
	}

	input:focus {
		background-color: #C8DBE6;
	}

	textarea {
		font-family: Georgia, 'Times new Roman', serif;
		width: 15%;
		box-sizing: border-box;
		border: 1px solid black;
		border-radius: 5px;
		padding: 7px 7px;
		margin: 7px 0;
	}

	textarea:focus {
		background-color: #C8DBE6;
	}

	.req {
		color: red;
	}

	:required {
		border-color: red;
	}

	:required:valid {
		border-color: black;
	}

	footer {
		text-align: center;
		font-size: 75%;
		font-style: italic;
		font-family: 'Roboto', sans-serif;
	}
}