#navi {
	display: none;
	background-color:white;
	text-align: top;
	word-spacing: 5px;
	text-align: left;
	width: 350px;
    position: fixed;
    top: 135px;
    right: 0px;
    opacity:90%;
    line-height: 200%;
    z-index: 30;
}

#navi button {
	border: none;
	color: black;
	border-radius: 5px;
	text-shadow: 2px 2px white;
	background-color: #0A2323;
	font-size: 16pt;
	font-weight: bold;
	background-color:white;
}
#navi button:hover {
	opacity: 75%;
}

#Salhoja {
    position: static;
    top: 0px;
    left: 0px;
	width: 90%;
	height: 130px;
}


#hamburger{
    position: fixed;
    z-index: 1000000;
    top: 15px;
    right: 0px;
    height: 100px;
    animation-name: hamburgerStretch;
    animation-duration: 2s;
}
@media only screen and (max-width: 415px)
{
    #hamburger{height:50px; top:0px;}
    #navi{top: 68px;
        width: 200px;
    }
    #navi img{height: 30px;}
    #salhoja{height:75px;}
    #navi button{font-size: 12pt;}
}




@keyframes hamburgerStretch{
0% {
    opacity: 0%;
    background-color: red;
    }
50% {
    background-color: red;
    }
100% {
    opacity: 100%;
    background-color: none;
    }
}