*{text-decoration:none; list-style:none; margin:0px; padding:0px; outline:none;}

.menu{
width:100%; 
max-width:auto; 
margin:0px auto; 
display:table; 
background:#006400;
}

.logo{
float:left;
font-size:24px; 
text-transform:uppercase;
color:#ffffff; 
font-weight:600;
}

nav{
width:auto; 
float:left;
background:#006400;
}

nav ul{
display:table; 
float:right;
}

nav ul li{
float:left;
}

nav ul li:last-child{
padding-right:0px;
}

nav ul li a{
color:#ffffff; 
font-size:18px; 
padding: 20px 20px; 
display:inline-block; 
transition: all 0.5s ease 0s;
font-family: 'Gowun Dodum', sans-serif;
font-weight:bold;
}

nav ul li a:hover{
background-color:#418226; 
color:#ffffff; 
transition: all 0.5s ease 0s;
}

nav ul li a:hover i{
color:#ffffff; 
transition: all 0.5s ease 0s;
}

nav ul li a i{
padding-right:10px; 
color:#ffffff; 
transition: all 0.5s ease 0s;
}

.toggle-menu ul{
display:table; 
width:25px;

}

.toggle-menu ul li{
width:100%; 
height:3px; 
background-color:#ffffff;
margin-bottom:4px;
}

.toggle-menu ul li:last-child{
margin-bottom:0px;
}

input[type=checkbox], label{display:none;}

}


@media only screen and (max-width: 1600px) {
.menu{
width:100%; 
max-width:auto; 
margin:0px auto; 
display:table; 
position:relative;
background:#006400;
}
}

@media only screen and (max-width: 1290px) {

.menu{
width:100%; 
max-width:auto; 
margin:0px auto; 
display:table; 
position:relative;
background:#006400;
} 
input[type=checkbox] {
position: absolute; 
top: -9999px; left: -9999px;
background:none;
}

input[type=checkbox]:fous{
background:none;
}

label {
float:right; 
padding:8px 0px; 
display:inline-block; 
cursor:pointer; 

}

input[type=checkbox]:checked ~ nav {
display:block;
}

nav{
display:none; 
position:absolute; 
right:0px; 
top:40px; 
padding:0px; 
z-index:99;
}

nav ul{width:auto;}

nav ul li{
float:none; 
padding:0px; 
width:100%; 
display:table;
}

nav ul li a{
color:#FFF; 
font-size:15px; 
padding:10px 20px; 
display:block; 
border-bottom: 1px solid rgba(225,225,225,0.1);
}

nav ul li a i{
color:#ffffff; 
padding-right:13px;
}
 
}

@media only screen and (max-width: 980px) {
.menu{
width:100%; 
max-width:auto; 
margin:0px auto; 
display:table; 
position:relative;
background:#006400;
}
}


@media only screen and (max-width: 480px) {
.menu{
width:100%; 
max-width:auto; 
margin:0px auto; 
display:table; 
position:relative;
background:#006400;
}	
	
}

@media only screen and (max-width: 360px) {
.menu{
width:100%; 
max-width:auto; 
margin:0px auto; 
display:table; 
position:relative;
background:#006400;
} 
label{padding:5px 0px;}
  
.logo{font-size: 20px;}
  
nav{top:47px;}

}

@media only screen and (max-width: 320px) {
.menu{
width:100%; 
max-width:auto; 
margin:0px auto; 
display:table; 
position:relative;
background:#006400;
}
}