/*  TOP MENU  */
#nav-top {
	position: inherit;
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	color: #000000;
	background-color: #fbfffb;
}
#nav-top a, #nav-top a:visited {
	color: #503030;
	font-weight: 400;
	text-decoration: none;
}
#nav-top a:hover {
	color: #0000df;
}

#nav-top ul li {
	background-color: #fbfffb;
}
#nav-top ul li:hover {
	background-color: #ebebdb; /* fbfbeb */
	transition: 0.3s;
}
	

#nav-top ul li ul li {
	background-color: #fbfffb;
	border: 1px solid #bbb;
}
#nav-top ul li ul li:hover {
	background-color: #ebebcb; /* fbfbeb */
	transition: 0.3s;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* SMALL TO MEDIUM DEVICES */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
@media only screen and (min-width : 320px) and (max-width : 899px) {
	/* Show Hamburger */
	#nav-top {
		border: none;
		background: transparent;
		position: absolute;
		top: 4px;
		left: 0;
	}
	#nav-top label {
		display: inline-block !important;
		width: 50px;
		/* background: #a02620; */
		font-style: normal;
		font-size: 1.2em;
		padding: 10px;
		float: left;
	}
	#nav-top label img {
		max-height: 30px;
	}
	/* Toggle show/hide menu on checkbox click */
	#nav-top ul {
		display: none;
	}
	#nav-top input:checked ~ ul {
		display: block;
		border: none;
		width: 60%;
		position: absolute;
		margin-top: 40px; /* hamburger height plus top margin */
		z-index: 1000 !important;
	}
	#nav-top ul li, #nav-top ul li.submenu {
		display: flex;
		flex-direction: column;
		justify-content: left;
		align-items: left;
		text-align: left;
		list-style: none !important;
		background-color: #ebebdb;
		border-top: 1px solid #bbb;
		border-bottom: 1px solid #bbb;
		padding: 0;
		z-index: 1000 !important;
	}
	#nav-top ul li span, #nav-top ul li.submenu span {
		padding: 3% 4%;
	}
	#nav-top ul li a, #nav-top ul li.submenu a {
		width: 100%;
		padding: 3% 4%;
	}
	#nav-top ul li a:hover, #nav-top ul li.submenu a:hover {
		background-color: #ffffdf;
		color: #0000df;
	}
	#nav-top ul li.submenu ul {
		display: block;
		position: relative;
		/* padding: 2% 0 -2% 0; */
		list-style: none !important;
		width: 100% !important;
		clear: both !important;
		padding-bottom: 0;
		z-index: 1000 !important;
	}
	#nav-top ul li.submenu ul li {
		float: none !important;
		list-style: none !important;
		width: 100% !important;
		clear: both !important;
		display: block !important;
		align-items: left;
		text-align: left;
		/* padding: 2% 0; */
		border: none;
		border-top: 1px solid #bbb;
		background-color: #ebebdb;
		position: relative;
		z-index: 1000 !important;
	}
	#nav-top ul li.submenu ul li:last-child {
		margin-bottom: 0;
	}
	#nav-top ul li ul li a {
		display: block;
		width: 100% !important;
	}
	#header #logo img {
		display: none;
	}
	#header #logo a {
		margin-left: 50px;
		font-size: 2.5em;
	}
	#header #subtitle {
		margin-left: 50px;
		font-size: 0.9em;
		letter-spacing: .1em;
	}
	table.home {width:96%;}
	table.home tr:first-child td:first-child {display:none;}
}
@media only screen and (min-width : 640px) and (max-width : 899px) {
	#nav-top input:checked ~ ul {
		width: 40%;
	}
	#header #logo a {
		font-size: 3.0em;
	}
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* MEDIUM DEVICES, TABLETS AND SMALL DESKTOPS */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
@media only screen and (min-width : 900px) and (max-width : 1099px) {
	#nav-top label, #hamburger {
		display: none;
	}
	#nav-top ul {
		width: 100% !important;
		padding: 0px !important;
		height: 90px;
	}
	#nav-top > ul > li {
		display: flex;
		float: left;
		border-right: 1px solid #bbb;
		list-style: none !important;
		width: calc(100%/8) !important; /* width based on number of menu items */
		height: inherit;
		align-items: center;
		justify-content: center;
		text-align: center;
		position: relative;
	}
	#nav-top > ul > li:last-child {
		border-right: none;
	}
	#nav-top > ul > li > a {
		justify-content: center;
	}

	/* all links */
	#nav-top li a {
		display: flex;
		align-items: center;
		width: 100%;
		height: inherit;
		font-size: 15px;
		margin: 0;
		padding: 5px 5px;
	}

	#nav-top > ul > li > ul {
		display: none;
		border: none:
		margin: 0;
		padding: 0;
		position: absolute;
		top: 80px;
		left: -25%;
		z-index: 5000 !important;
	}
	#nav-top > ul > li:hover > ul {
		display: flex;
		flex-direction: column;
		width: 130% !important;
	}
	#nav-top > ul > li > ul > li {
		display: flex;
		justify-content: center !important;
		align-items: center !important;
		text-align: center;
		height: 50px;
		width: inherit;
		float: none !important;
		margin: 0;
		padding: 0;
		z-index: 5000;
	}
	#nav-top > ul > li > ul > li > a {
		display: flex !important;
		justify-content: center;
		align-items: center !important;
		z-index: 5000;
	}
	table.home {width:96%;}
	table.home tr:first-child td:first-child {display:none;}
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* LARGE DEVICES */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
@media only screen and (min-width : 1100px) {
	#nav-top label, #hamburger {
		display: none;
	}
	#nav-top > ul {
		width: 100% !important;
		padding: 0px !important;
		height: 50px;
	}
	#nav-top > ul > li {
		display: flex;
		float: left;
		border-right: 1px solid #bbb;
		list-style: none !important;
		width: calc(100%/8) !important; /* width based on number of menu items */
		height: inherit;
		align-items: center;
		justify-content: center;
		text-align: center;
		position: relative;
	}
	#nav-top > ul > li:last-child {
		border-right: none;
	}
	#nav-top > ul > li > a {
		justify-content: center;
	}
	
	/* all links */
	#nav-top li a {
		display: flex;
		align-items: center;
		width: 100%;
		height: inherit;
		font-size: 15px;
		margin: 0;
		padding: 5px 5px;
	}
	
	#nav-top > ul > li > ul {
		display: none;
		border: none:
		margin: 0;
		padding: 0;
		position: absolute;
		top: 50px;
		left: -25%;
		z-index: 5000 !important;
	}
	#nav-top > ul > li:hover > ul {
		display: flex;
		flex-direction: column;
		width: 130% !important;
	}
	#nav-top > ul > li > ul > li {
		display: flex;
		justify-content: center !important;
		align-items: center !important;
		text-align: center;
		height: 50px;
		width: inherit;
		float: none !important;
		margin: 0;
		padding: 0;
		z-index: 5000;
	}
	#nav-top > ul > li > ul > li > a {
		display: flex !important;
		justify-content: center;
		align-items: center !important;
		z-index: 5000;
	}
	table.home tr#search {display:none;}
}