/* CSS Off Canvas Menu CSS Document */

.menu {
	overflow-x: hidden;
	position: relative;
	left: 0;
}

.menu-open {
	left: 231px;
}

.menu-open .menu-side {
	left: 0;
}

.menu-side {
	background-color: #7F8778;
	border-right: 1px solid #000;
	color: #FFF;
	position: fixed;
	top: 0;
	left: -231px;
	width: 210px;
	height: 100%;
	padding: 10px;
}

.menu,
.menu-side {
	-webkit-transition: left 0.2s ease;
	-moz-transition: left 0.2s ease;
	-ms-transition: left 0.2s ease;
	-o-transition: left 0.2s ease;
	transition: left 0.2s ease;
}


.menu-side ul {list-style:none;}

.menu-side li {
	display:block;
	padding: 1em 0;
	border-bottom: 1px solid #2C3127;
}

.menu-side li:last-child {
	border-bottom: none;
}

.menu-side a {
	text-decoration: none;
	color: #2C3127;
	font: 1.2em Origin;
	text-align: center;
	padding: 1em;
}

.menu-side li:hover {
	background: #D1D6CD;
}


h1 {
        position: relative;
        top: 1em;
        left: 10%;
}        

span {font-size: .5em;}


h2 {
        position: relative;
        top: 5em;
        left: 25%;
}