h1
{
	font-size: 2em;
	color: #366;
}

h2
{
	font-size: 2em;
	color: white;
}

p
{
	font-size: 1em;
}

html
{
	font-family: verdana;
}

a
{
	text-decoration: none;
}

#container
{
	transform: translate(-50%);
	left: 50%;
	position: relative;
	width: 100%;
	max-width: 80em;
	box-shadow: 1em 1em 3em grey;
	
}


.clear
{
	clear: both;
}


#contact
{
	position: fixed;
	background-color: #366;
	opacity: 0.8;
	bottom: 0em;
	right: 0em;
	z-index: 100;
	padding: 1em;
	box-shadow: 1em 1em 3em grey;
}

#contact a
{
	font-family: verdana;
	color: white;
	padding: 1em;
	text-decoration: none;
	font-size: 1em;
}

#contact a:hover
{
	background-color: rgba(0, 0, 0, 0.2);
}

.navbarmobile
{
	background-color: rgba(255, 255, 255, 0.8);
	width: 100%;
	position: fixed;
	display: none;
	text-align: right;

}

.dropbtn1
{
	background-color: rgba(255, 255, 255, 0.8);
	color: #366;
	padding: 1em;
	font-size: 1em;
	border: none;
}

.dropbtn1:hover, .dropbtn:focus
{
	background-color: rgba(205, 205, 205, 0.8);
}

.dropdown1
{
	position:fixed;
	display: none;
	z-index: 100;
	background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
	right: 0;
	width: 100%;
	text-align: right;
}


.dropdown-content1
{
	display:none;
	position: absolute;
	background-color: rgba(255, 255, 255, 0.8);
	width:100%;
	z-index: 101;
	right: 0;
	font-family: verdana;
	font-size: 1em;
}

.dropdown-content1 a
{
	color: #366;
	padding: 1em;
	text-decoration: none;
	display: block;
}

.dropdown-content1 a:hover
{
	background-color: rgba(0, 0, 0, 0.2);
}

.show
{
	display: block;
}

.navbar
{
	position: fixed;
	z-index: 100;
	top: -11em;
	background-color: rgba(255, 255, 255, 0.8);
	text-align: center;
	padding-left: 1em;
	width: 100%;
	transition: top 0.3s;
	
}

.navbar a
{
	float: left;
	font-family: verdana;
	color: #366;
	padding: 1em;
	text-align: center;
	text-decoration: none;
	font-size: 1em;
	display: inline;
	
}

.navbar a:hover
{
	background-color: rgba(0, 0, 0, 0.2);
}


/*
.dropdown
{
	float: left;
	
	display: inline;
	overflow: hidden;
}

.dropdown .dropbtn
{
	font-family: verdana;
	background-color: rgba(255, 255, 255, 0);
	color: #366;
	padding: 1em;
	text-decoration: none;
	font-size: 1em;
	border: none;
	outline: none;
	
}

.dropdown-content
{
	display: none;
	position: absolute;
	min-width: 171px;
	background-color: rgba(255, 255, 255, 0.8);
	z-index: 101;
	
}

.dropdown-content a
{
	float: none;
	color: #366;
	padding: 1em;
	text-decoration: none;
	display: block;
	text-align: center;
}


.dropdown:hover .dropbtn:hover
{
	background-color: rgba(0, 0, 0, 0.2);
}

.dropdown:hover .dropdown-content
{
	display: block;
}

*/

.active
{
	background-color: rgba(0, 0, 0, 0.2);
}

.navbar1
{
	background-color: #366;
	padding: 1em;
	
}

.navbar1 a
{
	font-family: verdana;
	color: white;
	padding: 1em;
	text-decoration: none;
	text-align: center;
	font-size: 1em;
	float: left;
}

.navbar1 a:hover
{
	background-color: rgba(0, 0, 0, 0.2);
}

.navbar1 a:active
{
	background-color: rgba(0, 0, 0, 0.2);
}

/*

.dropdown2
{
	float: left;
}

.dropdown2 .dropbtn2
{
	font-size: 1em;
	padding: 1em;
	border: none;
	outline: none;
	color: white;
	background-color: inherit;
	font-family: verdana;
	margin: 0;
}

.dropdown2:hover .dropbtn2:hover
{
	background-color: rgba(0, 0, 0, 0.2);
}

.dropdown-content2
{
	display: none;
	position: absolute;
	background-color: #366;
	min-width: 171px;
	z-index: 101;
}

.dropdown-content2 a
{
	font-family: verdana;
	font-size: 1em;
	float: none;
	color: white;
	padding: 1em;
	text-decoration: none;
	display: block;
	text-align: center;
}

.dropdown-content2 a:hover
{
	background-color: rgba(0, 0, 0, 0.2);
}

.dropdown2:hover .dropdown-content2
{
	display: block;
}

/*
.dropbtn3
{
	background-color: rgba(0, 0, 0, 0);
	color: #366;
	padding: 1em;
	font-size: 1em;
	border: none;
	width: 100%;
	right: 0;
	display: block;
	
}

.dropbtn3:hover, .dropbtn:focus
{
	background-color: rgba(0, 0, 0, 0.2);
}

.dropdown3
{
	background-color: rgba(255, 255, 255, 0.8);
	position: relative;
	display: block;
	float: right;
	width: 100%;
	text-align: right;
	
}

.dropdown-content3
{
	display: none;
	position: absolute;
	background-color: rgba(255, 255, 255, 0.8);
	width: 100%;
	z-index: 101;
}

.dropdown-content3 a
{
	color: #366;
	padding: 1em;
	text-decoration: none;
	display: block;
}

.dropdown-content3 a:hover
{
	background-color: rgba(0, 0, 0, 0.2);
} */

.columns2
{
	column-count: 2;
	text-align: left;
	column-gap: 2em;
	float: left;
	
	font-size: 1em;
	font-family: verdana;
	
}

.columns3
{
	column-count: 3;
	text-align: justify;
	column-gap: 2em;
	font-size: 1em;
	font-family: verdana;
}

.leftcolumn
{
	float: left;
	display: inline-block;
	font-family: verdana;
	font-size: 1em;
}

.leftcolumnfooter
{
	float: left;
	display: inline-block;
	font-family: verdana;
	font-size: 1em;
}

.rightcolumn
{
	position: absolute;
	right: 0;
	bottom: 0;
	display: inline-block;
	padding: 1em;
	text-align: right;
	
}

.rightcolumn a
{
	color: #366;
	text-decoration: none;
	
}

.rightcolumnfooter
{
	float: left;
	display: inline;
	
}

.rightcolumnfooter a
{
	color: #366;
	text-decoration: none;
}

.imgresize
{
	max-width: 100%;
	height: auto;
}

.greendiv
{
	background-color: #366;
	color: white;
	text-align: center;
	padding: 1em;
	font-family:verdana;
	font-size: 1em;
	
}

.greendivimg
{
	background-color: #366;
	color: white;
	text-align: center;
	
	
}

.whitediv
{
	background-color: white;
	color: black;
	text-align: center;
	padding: 1em;
	position: relative;
	display: block;
	
}

.whitedivtitle
{
	background-color: white;
	color: #366;
	text-align: center;
	padding: 1em;
	position: relative;
}

.whitedivimg
{
	background-color: white;
	color: black;
	text-align: center;
	padding-top: 1em;
	padding-bottom: 1em;
	
}

.greydiv
{
	background-color: #ccc;
	color: white;
	text-align: center;
	padding: 1em;
	
}

.greydivimg
{
	background-color: #ccc;
	color: white;
	text-align: center;
	padding-top: 1em;
	padding-bottom: 1em;
	
}

.lightgreendiv
{
	background-color: #cc9;
	color: black;
	text-align: center;
	padding: 1em;
	font-family: verdana;
	font-size: 1em;
	
}

.lightgreendivimg
{
	background-color: #cc9;
	color: black;
	text-align: center;
	padding-top: 1em;
	padding-bottom: 1em;
	
}


/*-------------------Smaller Window Formatting-------------------*/

@media only screen and (max-width:900px)
{
	.columns3
	{
		column-count: 2;
		text-align: justify;
		column-gap: 2em;
		font-size: 1em;
		font-family: verdana;
	}
		
	.navbar1
	{
		height: 0em;
		overflow: hidden;
		padding: 0em;
	}
	
	.navbar
	{
		display: none;
	}
	
	.navbarmobile
	{
		display: block;
		z-index: 100;
	}
	
	.dropdown1
	{
		display: inline-block;
	}
	
	.rightcolumnfooter
	{
		position: relative;
		display: block;
		padding: 1em;
		width: 100%;
	}
	
	.leftcolumnfooter
	{
		float: none;
		display: block;
		width: 100%;
	}
	
	/*
	.navbar a:not(:first-child), .dropdown .dropbtn
	{
		display: none;
	}
	
	.navbar a.icon
	{
		float: right;
		display: block;
	}
	
	.navbar.responsive 
	{
		position:relative;
	}
	
	.navbar.responsive a.icon
	{
		position: fixed;
		right: 1em;
		top: 0;
	}
	
	.navbar.responsive .dropdown
	{
		float: none;
	}
	
	.navbar.responsive .dropdown-content
	{
		position: relative;
	}
	
	.navbar.responsive .dropdown .dropbtn
	{
		display: block;
		width: 100%;
		text-align: center;
	}
	*/
}


/*-------------------Mobile Device Formatting-------------------*/

@media only screen and (max-width:500px)
{
	.columns3
	{
		column-count: 1;
		text-align: justify;
		column-gap: 2em;
		font-size: 1em;
		font-family: verdana;
	}
	
	#contact
	{
		text-align: center;
		width: 100%;
	}
	
	.leftcolumn
	{
		float: none;
		display: block;
	}
	
	

	.rightcolumn
	{
		position: relative;
		display: block;
		padding: 1em;
		
	}
	
	.navbar1
	{
		height: 0em;
		overflow: hidden;
		padding: 0em;
	}
	
	.navbar
	{
		display: none;
	}
	
	.navbarmobile
	{
		display: block;
		z-index: 100;
	}
	
	.dropdown1
	{
		display: inline-block;
	}
	
	.dropbtn1
	{
		font-size: 2em;
	}
	
	.rightcolumnfooter
	{
		position: relative;
		display: block;
	}
	
	.leftcolumnfooter
	{
		float: none;
		display: block;
	}
}

@media only screen and (max-device-width:500px)
{
	.columns3
	{
		column-count: 1;
		text-align: justify;
		column-gap: 2em;
		font-size: 1em;
		font-family: verdana;
	}
	
	#contact
	{
		text-align: center;
		width: 100%;
	}
	
	.leftcolumn
	{
		float: none;
		display: block;
	}

	.rightcolumn
	{
		position: relative;
		display: block;
		padding: 1em;
		
	}
	
	
	
	.navbar1
	{
		height: 0em;
		overflow: hidden;
		padding: 0em;
	}
	
	.navbar
	{
		display: none;
	}
	
	.navbarmobile
	{
		display: block;
		z-index: 100;
	}
	
	.dropdown1
	{
		display: inline-block;
	}
	
	.dropbtn1
	{
		font-size: 2em;
	}
	
	.rightcolumnfooter
	{
		position: relative;
		display: block;
	}
	
	.leftcolumnfooter
	{
		float: none;
		display: block;
	}
}