/* Show it is fixed to the top */
body {
    min-height: 75rem;
}

.navbar-toggler{cursor: pointer;}


		
.navbar-toggler, .menu_open {
    background-image: url(../img/common/menu_open.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
	background-size: 100% auto; 
	position: absolute;
    top: 0px;
    right: 0px;
    opacity: 1;
    z-index: 99;
    width: 60px;
	height: 60px;
}

.navbar-toggler:hover, .navbar-toggler:focus {
    text-decoration: none;
    background-repeat: no-repeat;
    background-image: url(../img/common/menu_open.png);
    background-position: 0px 0px;
    background-size: 100% auto;
}
.menu_close {
    text-decoration: none;
    background-repeat: no-repeat;
    background-image: url(../img/common/menu_close.png);
    background-position: 0px 0px;
    background-size: 100% auto;
}
.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background: no-repeat center center;
  background-size: 100% 100%;
}
   .navbar-collapse{
    top: 0px;
/*    width: 50%;
	  right: -50%;
    float: right;
    height: 100vh;*/
	   opacity: 0.9;
    
}	

.navbar-nav	{
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}
	
.navbar-nav li{
    width: 100%;
    height: auto;
    display: block;
    text-align: center;
}
	
.navbar-nav li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.7);
}
.navbar-nav li { border-top: solid 1px rgba(255, 255, 255, 0.7); }
.navbar-nav li:first-child { border-top: solid 0px; }
.navbar-nav a, .navbar-nav span {
    display: block;
    padding: 5% 4.54545%; /*padding:12/150*100% 0;*/
    color: #FFFFFF;
	opacity: 1;
}

.menu-open { 
	-webkit-transform: translateX(0%); 
	-webkit-transform: translateY(100%);
	transform: translateX(0%);
transform: translateY(100%);}

#menu-btn-close img{
	-webkit-transform: translateY(0%);
    transform: translateY(0%);
	width: 60px;
	height: 60px;}