@charset "utf-8";
/* CSS Document */
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}
.menu, .menu ul, .menu ul li, .menu ul li a,
.menu ul ul, .menu ul ul li, .menu ul ul li a {
  margin: 0; padding: 0; border: 0; line-height: 1;}
.menu {width:100%;background-color: #ffffff;text-align: right;margin-top:0.5vw;margin-bottom:0.5vw;padding-left:8px;padding-right:0px;}
.menu ul {list-style-type: none;text-align: right;} 
.menu ul li {position: relative;display: inline;text-align: right;}
.menu ul li a {text-decoration: none;display: inline-block;padding: 1vw 0.4vw 1vw 0.4vw;font-size:0.7vw!important;}
.menu ul li a:hover, .menu ul li a:focus, .menu ul li a:active  {color: #ffffff;  background: #87d0a7;}
.menu ul li a.topitem:hover {color: #87d0a7;background: #ffffff;}
.menu-arrow {font-size: 10px;}
.responsive-button {padding:2vw;margin-top:-8vw;font-weight: bold;background: #ffffff;border:none;text-align: right;display: none;}
input[id=responsive-button] {display: none;}
input[id=responsive-button]:checked ~ .menu {display: block;}

@media all and (max-width:1650px){
.menu ul li a {text-decoration: none;display: inline-block;padding: 1vw 0.4vw 1vw 0.4vw;font-size:1.1vw;}
}

@media screen and (max-width : 1250px){
.menu {width:100%;background-color: #0ba14a;text-align: left;border:none;margin-top:2vw;margin-bottom:0.5vw;padding-left:0px;padding-right:0px;max-height: 70vh;overflow-y: scroll;}
.responsive-button {display: block;}
.menu {display: none;}
.menu ul li {display: block;border-bottom: 1px solid #ffffff;}
.menu ul li, .menu ul li a {display:block;width: 100%;line-height: 30px;font-size:1vw;color: #ffffff;text-align: left;}
.nav-link {padding-left: 20px;}
.menu ul ul {position: relative;display: none;}
.menu ul ul li {text-align: center;font-size:18px;padding:0px;background-color: #f4a948;}
}

@media screen and (max-width : 800px){
.responsive-button {margin-top:-9vw;}
}

@media screen and (max-width : 500px){
.responsive-button {margin-top:-12vw;}
}