/* Hide these elements when not mobile */
.c-button { display: none; }
.c-menu__close { display:none;}

@media only screen and (max-width:900px){	

/* WRAPPER OBJECT */
.o-wrapper{-webkit-transition:-webkit-transform .3s;transition:transform .3s; padding:10px; background:rgba(0,0,0,.8); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26);}

/* SLIDE AND PUSH MENUS COMPONENT */

/*Mobile Menu Button*/
.c-button{display:inline-block;background:none;border:0;color:#FFF;font-size:30px;cursor:pointer}
#c-button--slide-left {}
#c-button--slide-right { float: right; width: 25px; padding: 10px 0px; }

/*Menu overview.*/
.c-menu{position:fixed;z-index:200;background-color:#44abe2;-webkit-transition:-webkit-transform .3s;transition:transform .3s}
.c-menu__items{list-style:none;margin:0;padding:0}

/*Common modifiers for left/right menus.*/
.c-menu--slide-left,.c-menu--slide-right,.c-menu--push-left,.c-menu--push-right{width:260px;height:100%;overflow-y:scroll}
.c-menu--slide-left .c-menu__item,.c-menu--slide-right .c-menu__item,.c-menu--push-left .c-menu__item,.c-menu--push-right .c-menu__item{display:block;text-align:center;box-shadow: inset 0 -1px rgba(0,0,0,0.2);}
.c-menu--slide-left .c-menu__item:first-child,.c-menu--slide-right .c-menu__item:first-child,.c-menu--push-left .c-menu__item:first-child,.c-menu--push-right .c-menu__item:first-child{border-top:none}
.c-menu--slide-left .c-menu__item:last-child,.c-menu--slide-right .c-menu__item:last-child,.c-menu--push-left .c-menu__item:last-child,.c-menu--push-right .c-menu__item:last-child{border-bottom:none}
.c-menu--slide-left .c-menu__link,.c-menu--slide-right .c-menu__link,.c-menu--push-left .c-menu__link,.c-menu--push-right .c-menu__link{display:block;color:#fff}
.c-menu--slide-left .c-menu__close,.c-menu--slide-right .c-menu__close,.c-menu--push-left .c-menu__close,.c-menu--push-right .c-menu__close{display:block;padding:12px 24px;width:100%}

/*Slide/Push Menu Left.*/
.c-menu--slide-left,.c-menu--push-left{top:0;left:0;-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}
.c-menu--slide-left.is-active,.c-menu--push-left.is-active{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}

/*Slide/Push Menu Right.*/
.c-menu--slide-right,.c-menu--push-right{top:0;right:0;-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}
.c-menu--slide-right.is-active,.c-menu--push-right.is-active{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}

/*Prevent awkward document scrolling.*/
body.has-active-menu {overflow: hidden;}

/*Close button resets.*/
.c-menu__close{display:block;color:#fff;background-color:#3184a1;font-size:14px;border:none;box-shadow:none;border-radius:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}
.c-menu__close:focus{outline:none}

/* MASK COMPONENT */
.c-mask{position:fixed;z-index:100;top:0;left:0;overflow:hidden;width:0;height:0;background-color:#000;opacity:0;-webkit-transition:opacity 0.3s,width 0 0.3s,height 0 .3s;transition:opacity 0.3s,width 0 0.3s,height 0 .3s}
.c-mask.is-active{width:100%;height:100%;opacity:.7;-webkit-transition:opacity .3s;transition:opacity .3s}

}