.wrapper {
	width: 100%;
	height: 100%;
}
.wrapper.active nav {
	background: rgba(147, 218, 106, 1);
	position: absolute;
	top: 42px;
	left: 0px;
	height: 230px;
	width: 100%;
}
.wrapper.active nav .menu-list-container {
	opacity: 1;
}

.main-container {
	width: 100%;
	height: 100%;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.main-container .content {
	position: relative;
	width: 100%;
	height: 100%;
}
.main-container .content .text {
	font-size: 32px;
	letter-spacing: 3px;
/*	color: #ffffff;*/
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

nav {
	position: absolute;
	top: 0px;
	width: 100%;
	right: 0;
	z-index: 1000;
	overflow: hidden;
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0);
	-webkit-transition: all 0.4s ease-in;
	-moz-transition: all 0.4s ease-in;
	-o-transition: all 0.4s ease-in;
	transition: all 0.4s ease-in;
}

div.menu-icon-container {
/*	width: 20px;*/
	position: relative;
	top: 0;
	left: 0;
	z-index: 9999;
}

nav .menu-list-container {
	text-align: left;
	position: absolute;
	top: 0;
/*	padding-left: 20px;*/
	margin: 0;
	width: 100%;
	opacity: 0;
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

nav .menu-list-container img {
	margin-left: 5px;
	text-align: left;
}

nav .menu-list-container ul {
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, 0%);
	width: 100%;
}