.mobile_menu_area button {
    cursor: pointer;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; background:url(../images/menu-icon.png) no-repeat top left; height:60px; width:70px;
}

body {
    overflow-x: hidden
}
#wrapper {
    position: relative;
    z-index: 10;
    top: 0;
    left: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
section {
    margin-bottom: 30px
}
section h1 {
    font-family: "Oswald", sans-serif;
    margin-bottom: 10px;
}
section p {
    margin-bottom: 30px
}
section p:last-child {
    margin-bottom: 0
}
section:last-child {
    margin-bottom: 0
}
section.toggle {
    text-align: center
}
.mask {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 15;
    width: 100%;
    height: 100%;
   /* background: rgba(0, 0, 0, 0.8);*/
}
/* ------------------------------------------------------------ *\
|* ------------------------------------------------------------ *|
|* Toggle Buttons
|* ------------------------------------------------------------ *|
\* ------------------------------------------------------------ */
.buttons {
    margin-bottom: 30px;
    text-align: center;
}
.buttons button {
    display: inline-block;
    margin: 0 0 4px 0;
    padding: 15px 30px;
    color: #fff;
    background-color: #67b5d1;
}
.buttons button:hover,
.buttons button.active {
    background-color: #3184a1
}
.buttons button:focus {
    outline: none
}
/* ------------------------------------------------------------ *\
|* ------------------------------------------------------------ *|
|* Menus
|* ------------------------------------------------------------ *|
\* ------------------------------------------------------------ */
/* general style for all menus */
nav.menu {
    position: absolute;
    z-index: 20;
    background-color: #441f0d;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
	height:100%; 
}


button.close-menu:focus {
    outline: none
}


nav.push-menu-left {top:151px;width:470px; z-index:999999;left: -470px}
body.pml-open #wrapper{left:470px;}

.push-menu-box{ width:100%; float:left;overflow:auto;position: absolute;height:100%;}
button.close-menu:hover,
nav.push-menu-left button.close-menu {
    margin:0;
    padding:0; position:absolute; top:0; right:0px;
	 background:url(../images/menu-icon.png) no-repeat left 0px; height:60px; width:70px; float: right;padding:0;
}
body.pml-open button.close-menu{right:-70px;}

body.pml-open nav.push-menu-left {
    left: 0
}
@media (max-width:767px) {
	
nav.push-menu-left {top:232px;width:400px;left: -400px}
body.pml-open #wrapper{left:400px;}

	}
@media (max-width:480px) {
nav.push-menu-left {top:200px;width:270px;left: -270px}
body.pml-open #wrapper{left:270px;}

}
@media (max-width:350px) {
nav.push-menu-left {top:200px;width:230px;left: -230px}
body.pml-open #wrapper{left:230px;}

}

@media all and (max-width: 300px) { 
nav.push-menu-left
{
	  	top: 0;
	  	width: 100%;
	}
	nav.push-menu-left {
	  	left: -100%
	}
	
}