.mm-menu.top-menu {
  width: 80%;
  min-width: 200px;
  max-width: 200px; }

html.mm-opening.top-menu .mm-page,
html.mm-opening.top-menu #mm-blocker {
	left:50px;
	-webkit-transform: translate(80%, 0);
	-moz-transform: translate(80%, 0);
	-ms-transform: translate(80%, 0);
	-o-transform: translate(80%, 0);
	transform: translate(80%, 0); }

@media all and (max-width: 250px) {
  html.mm-opening.top-menu .mm-page,
  html.mm-opening.top-menu #mm-blocker {
  	left:50px;
    -webkit-transform: translate(200px, 0);
    -moz-transform: translate(200px, 0);
    -ms-transform: translate(200px, 0);
    -o-transform: translate(200px, 0);
    transform: translate(200px, 0); } }
@media all and (min-width: 250px) {
  html.mm-opening.top-menu .mm-page,
  html.mm-opening.top-menu #mm-blocker {
  	left:50px;
    -webkit-transform: translate(200px, 0);
    -moz-transform: translate(200px, 0);
    -ms-transform: translate(200px, 0);
    -o-transform: translate(200px, 0);
    transform: translate(200px, 0); } }

/*# sourceMappingURL=vars.css.map */