/*Nav*/

.pushmenu{ background:#ccc; padding:10px 20px; position:relative; z-index:1; margin:0 0 10px 0}
.pushmenu p{display:block; cursor:pointer; vertical-align:middle; text-align:right}

/* General styles for all menus */
.cbp-spmenu {background:#00ADEF; position:fixed; overflow:scroll}

.cbp-spmenu a {display:block; text-transform:uppercase; color:#FFF; font-size:14px; font-weight:600; text-align:left}
.cbp-spmenu a:hover {background:#028abd; color:#fff}
 

/* Orientation-dependent styles for the content of the menu */
.cbp-spmenu-vertical {width:240px; height:100%; top:0; z-index:1000;}

.cbp-spmenu-vertical a {border-bottom:1px solid #0084b6; padding:10px;}
.cbp-spmenu-horizontal {width:100%; height:150px; left:0; z-index:1000; overflow:hidden;}
.cbp-spmenu-horizontal h3 {height:100%; width:20%; float:left;}
.cbp-spmenu-horizontal a {float:left; width:20%; padding:0.8em; border-left:1px solid #282421;}

/* Vertical menu that slides from the left or right */

.cbp-spmenu-left {left:-240px;}
.cbp-spmenu-right {right:-240px;}
.cbp-spmenu-left.cbp-spmenu-open {left:0px;}
.cbp-spmenu-right.cbp-spmenu-open {right:0px;}

/* Horizontal menu that slides from the top or bottom */
.cbp-spmenu-top {top:-150px;}
.cbp-spmenu-bottom {bottom:-150px;}
.cbp-spmenu-top.cbp-spmenu-open {top:0px;}
.cbp-spmenu-bottom.cbp-spmenu-open {bottom:0px;}

/* Push classes applied to the body */

.cbp-spmenu-push {overflow-x:hidden; position:relative; left:0;}
.cbp-spmenu-push-toright {left:240px;}
.cbp-spmenu-push-toleft {left:-240px;}

/* Transitions */
.cbp-spmenu, .cbp-spmenu-push {-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; transition:all 0.3s ease;}

/* Example media queries */
@media screen and (max-width:55.1875em){
	.cbp-spmenu-horizontal {font-size:75%; height:110px;}
	.cbp-spmenu-top {top:-110px;}
	.cbp-spmenu-bottom {bottom:-110px;}
}

@media screen and (max-height:26.375em){
	.cbp-spmenu-vertical {font-size:90%; width:190px;}
	.cbp-spmenu-left, .cbp-spmenu-push-toleft {left:-190px;}
	.cbp-spmenu-right {right:-190px;}
	.cbp-spmenu-push-toright {left:190px;}
}