#navigation {
	background-color: #eee;
	overflow: auto;
	text-decoration: none;
}
#mobilenavbtn {
	display: none;
	float: left;
}
#navigation a:link, #navigation a:visited {
	color: red;
	font-size: 17px;
	background-color: white;
	padding: 7pt;
}
#navigation a:hover, #navigation a:active {
	background-color: red;
	color: white;
}
#navigation ul { 
	list-style-type:none; 
	margin-left: -40px;
	margin-top: 0;
	margin-bottom: 0;
}
#navigation li { 
	float:left; 
}
#navigation li a { 
	display:block; 
	text-align:center; 
	/*border:1px solid #fff; */
}
#navigation ul ul { 
	display:none; 
	position:absolute; 
	z-index:1; 
}
#navigation li li { 
	float:none; 
}
#navigation li li a { 
	text-align:left; 
	height:auto; 
	line-height:1; 
	width:auto; 
	border:1px solid #D0D0D0; 
	border-top:none; 
	margin-right:0; 
}
#navigation ul li ul li a {
	text-decoration: none;
}
* html li li { display:inline; }

@media only screen and (max-width: 490px), (hover: none) {
	/*#navigation { display: none; }
	#mobilenav {display: block; }*/
	#navigation {
		position: fixed;
		top: 0;
		right: 0;
		overflow: hidden;
		width: max-content;
		background-color: transparent;
		z-index: 999;
	}
	#navigation li {
		float: none;
	}
	#navigation>ul {
		display: inline-block;
		height: 100vh;
		background-color: #a5ef8f;
		margin-left: 0;
		padding: 0;
		overflow: scroll;
  		text-overflow: ellipsis;
  		white-space: nowrap;
  		width: max-content;
	}
	#navigation ul ul {
		position: relative;
	}
	#navigation li li a { 
		text-align: center;
		font-size: min(16pt, 6.5vw)!important;
		border: none;
	}
	#navigation a, #navigation a:link, #navigation a:hover, #navigation a:active {
		background-color: white!important;
		color: black!important;
		font-size: min(17pt, 8vw, 8vh);
	}
	/* navbtn */
	#mobilenavbtn {
		display: inline-block;
		width: min(40pt, 20vw);
		height: min(40pt, 20vw);
        background-size: 60%;
        background-origin: content-box;
	}
	.mobilenavbtnclosed {
		background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="6" height="6" viewBox="0 0 441 447"><path d="M201 447C190.2 447 190.2 443.9 183.1 436 183.1 436 162.1 412 162.1 412 162.1 412 109.7 352 109.7 352 109.7 352 63.9 300 63.9 300 63.9 300 16.3 245.6 16.3 245.6 12.3 241.1 0.1 229.4 0.3 224 0.6 218.8 12.9 206.4 16.7 202 16.7 202 65.7 146 65.7 146 65.7 146 126.2 77 126.2 77 126.2 77 162.3 36 162.3 36 162.3 36 181.7 14 181.7 14 189.2 5.6 190.3 0 202 0 202 0 288 0 288 0 288 0 270.2 21 270.2 21 270.2 21 241.3 54 241.3 54 241.3 54 131 180 131 180 131 180 441 180 441 180 441 180 441 264 441 264 441 264 127 264 127 264 127 264 155.2 296 155.2 296 155.2 296 225.3 376 225.3 376 225.3 376 263.2 419 263.2 419 263.2 419 287 447 287 447 287 447 201 447 201 447Z" fill="black"/></svg>')
		no-repeat center center, #eee;
	}
	.mobilenavbtnopen {
		background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="6" height="6" viewBox="0 0 441 447"><path d="M239 0C250.8 0 251.9 5.6 259.3 14 259.3 14 278.8 36 278.8 36 278.8 36 314.8 77 314.8 77 314.8 77 375.3 146 375.3 146 375.3 146 424.3 202 424.3 202 428.1 206.4 440.4 218.8 440.7 224 440.9 229.4 428.7 241.1 424.7 245.6 424.7 245.6 377.1 300 377.1 300 377.1 300 331.3 352 331.3 352 331.3 352 279 412 279 412 279 412 257.9 436 257.9 436 250.8 443.9 250.8 447 240 447 240 447 154 447 154 447 154 447 177.9 419 177.9 419 177.9 419 215.7 376 215.7 376 215.7 376 285.8 296 285.8 296 285.8 296 314 264 314 264 314 264 0 264 0 264 0 264 0 180 0 180 0 180 310 180 310 180 310 180 199.7 54 199.7 54 199.7 54 170.9 21 170.9 21 170.9 21 153 0 153 0 153 0 239 0 239 0Z" fill="black"/></svg>')
		no-repeat center center, #eee;
	}
	#tpartner { margin-right: min(40pt, 20vw) }
	
	/*.rotate-180-cw{animation:rotate-180-cw .4s cubic-bezier(.25,.46,.45,.94) both}
	@keyframes rotate-180-cw{0%{transform:rotate(0)}100%{transform:rotate(180deg)}}*/
}