/*Menu*/
.menuWrapper {
    background-color: white;
    width: 25em;
    height: 100%;
    position: fixed;
    z-index: 900;
    padding: 5em;
    top:0px;
    left: -25em;
    transition: all .5s;
}

.menuWrapper .logotype {
    width: 100%;
    height: auto;
    position: relative;
    top: 0;
    margin-bottom: 3em;
}

.menuWrapper h2{
	color: black;
	font-family: "Montserrat";
	font-size: 1.3em;
	color: black;
	pointer-events: all;
	margin: 1.5em 0;
	cursor: pointer;

}

.menuWrapper h3{
	color: black;
	font-family: "Lato";
	font-size: 1.1em;
	color: #6E6E6E;
	font-weight: 400;
	line-height: 1.7em;
	pointer-events: all;
	cursor: pointer;
}

.menuWrapper h3 label{	
	height: 1.7em;
	display: inline-block;
	cursor: pointer;
}

.menuWrapper h3 img{
	width: 1.7em;
	height: auto;
	float: left;
	margin-right: .5em;
	cursor: pointer;
}

.menuWrapper .projectsWrapper{
	padding-left: 2em;
	border-left: 1px solid #D7D7D7;
}

.menuWrapper a{
	text-decoration: none;
	cursor: pointer;
}

/*open Menu*/
.menuOpen .main-logo, .menuOpen .menu-icon, .menuOpen .menuWrapper{
	transform: translate3d(25em, 0, 0);
}

.masterWrapper{
	transition: all .3s;
}

.menuOpen .masterWrapper{
	opacity: .3;
	transform: translate3d(25em, 0, 0);
}



@media screen and (orientation:portrait){
	/*Menu*/
	.menuWrapper{
		background-color: white;
		width: 315px;
		height: 100%;
		position: fixed;
		z-index: 900;
		padding: 50px;
		font-size: 4em;
		top:0px;
		left: -315px;
	}

	.menuOpen .main-logo, .menuOpen .menu-icon, .menuOpen .menuWrapper{
		transform: translate3d(315px, 0, 0);
	}

	.menuOpen .masterWrapper{
		opacity: .3;
		transform: translate3d(315px, 0, 0);
	}

	.menuWrapper h2 {
	    color: black;
	    font-family: "Montserrat";
	    font-size: 20px;
	    color: black;
	    pointer-events: all;
	    margin: 26px 0;
	    cursor: pointer;
	}

	.menuWrapper h3 {
	    color: black;
	    font-family: "Lato";
	    font-size: 16px;
	    color: #6E6E6E;
	    font-weight: 400;
	    line-height: 27px;
	    pointer-events: all;
	    cursor: pointer;
	}

	.menuWrapper .projectsWrapper {
	    padding-left: 26px;
	    border-left: 1px solid #D7D7D7;
	}
}