@font-face {
		font-family: TEST;
		src: url(font/Cambria.woff);
	}
	@font-face {
		font-family: myBatang;
		src: url(font/Batang.woff);
	}
	@media only screen and (min-width: 1px) {
		.nav1 {
			display: none;
			}
		.nav2 {
			display: block;
			}
		.search {
			display: none;
		}
		#Logo1 {
			content:url("Images/log.png");
			margin-left: 0%;
			}
	}
	@media only screen and (min-width: 400px) {
		.nav1 {
			display: none;
			}
		.nav2 {
			display: block;
			}
		.search {
			display: none;
		}
		#Logo1 {
			content:url("Images/name.png");
			margin-left: 0%;
			}
	}
	@media only screen and (min-width: 450px) {
		.nav1 {
			display: none;
			}
		.nav2 {
			display: block;
			}
		.search {
			display: none;
		}
		#Logo1 {
			content:url("Images/name.png");
			margin-left: 0%;
			}
	}
	@media only screen and (min-width: 840px) {
		.nav1 {
			display: block;
			width: 100%;
			}
		.nav2 {
			display: none;
			}
		.search {
			right: 5px;
			display: block;
		}
		#Logo1 {
			content:url("Images/Union.png");
			margin-left: auto;
			margin-right: 250px;
			}
		.dropdown6 {
			margin-left: 2px;
		}
	}
	@media only screen and (min-width: 1100px) {
		.nav1 {
			display: block;
			width: 800px;
			}
		.nav2 {
			display: none;
			}
		.search {
			left: calc(70% + 100px);
			display: block;
		}
		#Logo1 {
			content:url("Images/Union.png");
			margin-left: auto;
			margin-right: auto;
			}
		.dropdown6 {
			margin-left: 0px;
		}
	}
	.menu {
		width: 25%;
		height: 80%; 
		background-color: grey;
		right: 5px;
		bottom: 10%;
		position: absolute;
		border-radius: 12px;
		font-family: myBatang;
		font-weight: bold; 
		font-size: 3vw;
	}
	.active {
		background-color: #CFD1B2;
		width: 197px;
		height: 40px;
		border: none;
		color: black;
		font-family: myBatang;
		font-size: 12pt;
		text-align: center;
	}
	.dropbtn {
		background-color: transparent;
		width: 195px;
		height: 40px;
		border: none;
		color: white;
		font-family: myBatang;
		font-size: 12pt;
		text-align: center;
	}
	.dropbtn:hover {
		background-color: #111;
	}
	.dropdown3 {
		display: none;
	}
	.dropdown2:hover .d1{
		display: block;
	}
	.dropdown4:hover .d2{
		display: block;
	}
	.dropdown5:hover .d3{
		display: block;
	}
	.d1 {
		width: 200px;
		margin-left: 0px;
		display: none;
		position: absolute;
		background-color: #f9f9f9;
		min-width: 160px;
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		z-index: 1;
	}
	.d2 {
		width: 200px;
		margin-left: 0px;
		display: none;
		position: absolute;
		background-color: #f9f9f9;
		min-width: 160px;
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		z-index: 1;
	}
	.d3 {
		width: 200px;
		margin-left: 0px;
		display: none;
		position: absolute;
		background-color: #f9f9f9;
		min-width: 160px;
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		z-index: 1;
	}
	.dropdown3 a {
		float: none;
		color: black;
		padding: 12px 16px;
		text-decoration: none;
		display: block;
		text-align: center;
	}
	.dropdown3 a:hover {
		background-color: #ddd;
	}
	.nav2 {
		overflow: hidden;
		background-color: #333;
	}

	.nav2 a {
		text-align: center;
		padding: 14px 16px;
		text-decoration: none;
	}

	.dropdown1 {
		float: left;
		overflow: hidden;
		font-size: 2vw;  
		border: none;
		outline: none;
		background-color: inherit;
		font-family: myBatang;
		margin: 0;
	}

	.nav2 a:hover, .dropdown1:hover .menu {
		background-color: #111;
	}

	.dropdown {
		margin-top: -5px;
		display: none;
		right: 1%;
		position: absolute;
		background-color: #f9f9f9;
		min-width: 160px;
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		z-index: 1;
	}

	.dropdown a {
		float: none;
		color: black;
		padding: 12px 16px;
		text-decoration: none;
		display: block;
		text-align: center;
	}

	.dropdown a:hover {
		background-color: #ddd;
	}

	.dropdown1:hover .dropdown {
		display: block;
	}
	::-webkit-input-placeholder {
		text-align: center;
	}

	:-moz-placeholder { /* Firefox 18- */
		text-align: center;  
	}

	::-moz-placeholder {  /* Firefox 19+ */
		text-align: center;  
	}

	:-ms-input-placeholder {  
		text-align: center; 
	}
.amenu {color: white;}
.amenu:visited {text-decoration: none; color: white;}
.amenu:hover {text-decoration: none; color: white;}
.amenu:focus {text-decoration: none; color: white;}
.amenu:hover, .amenu:active {text-decoration: none; color: white;}