@media screen and (max-width: 760px) {
	.mobile{
		display: block;
	}

	.desktop{
		display: none;
	}
}

@media screen and (min-width: 761px) {
	.mobile{
		display: none;
	}

	.desktop{
		display: block;
	}
}

#header{
	background-color: #fff;
	width: 100%;
	height: 90px;
	position: fixed;
	z-index: 100;
	overflow: hidden;
	border-radius: 0;
	border-style: solid;
	border-width: 0 0 3px 0;
	border-color: #2d4b1e;
}

#outsideNPSContainer{
	position: fixed;
	z-index: 9999;
	top: 0;
	margin-left: calc(50vw - 175px);
	margin-top: 5px;
	width: 350px;
	text-align: center;
}
@media screen and (max-width: 500px) {
	#outsideNPSContainer{
		margin-left: calc(50vw - 140px);
	}
}

#inHeaderButton{
	position: fixed;
	z-index: 9999;
	top: 0;
	right: 0;
	width: 200px;
	height: 50px;
	background-color: #2d4b1e;
	transition: .5s;
	color: #fff;
	vertical-align: text-bottom;
	margin: 20px;
	padding: 5px 0 0 0;
}

#desktopMenuOpener{
	position: fixed;
	top: calc(50vh - 25px);
	height: 125px;
	width: 30px;
	border-radius: 0 50px 50px 0;
	padding: 75px 0 0 10px;
	background-color: #2d4b1e;
	transition: .5s;
	z-index: 101;
}

#desktopMenuOpener:hover{
	background-color: #223818;
	transition: .5s;
}

#inHeaderButton:hover{
	background-color: #223818;
	transition: .5s;
}

@media screen and (max-width: 761px){
	#inHeaderButton{
		display: none;
	}
}


#spaceForHeader{
	width: 100%;
	height: 90px;
}


#menu{
	width: calc(100vw - 3px);
	max-width: 500px;
	position: fixed;
	z-index: 100;
	bottom: 0;
	background-color: #aaa;
	height: 100vh;
	transition: .5s;
	border-style: solid;
	border-width: 0 3px 0 0;
	border-color: #2d4b1e;
}