body { min-width:320px; }
.tablet, .mobile { display:none; }
#menu-modal {
	display:none;
	position:fixed;
	z-index:9980;
	top:0; left:0;
	width:100%;
	height:100%;
	background-color:#535353;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
.menubar .button { cursor:pointer; }

.button.burger { background:url('../images/Hamburger.png') no-repeat center center; }
.button.close { background:url('../images/Close-menu.png') no-repeat center center; }

.arrow.up { background:url('../images/submenu-arrow-up.png') no-repeat center center; }
.arrow.down { background:url('../images/submenu-arrow-down.png') no-repeat center center; }

.submenuactive .arrow.up { background:url('../images/caret-gray-outline-up.png') no-repeat center center; }
.submenuactive .arrow.down { background:url('../images/caret-gray-outline-down.png') no-repeat center center; }
.submenuactive.empty { cursor:initial; height:2px; padding:0; }

.formbar {
	text-align:center;
	background-color:#e7e7e7;
	color:#21406d;
	font-weight:bold;
	font-size:16px;
	padding:0.75em 0;
}
h1.titlebar {
	color:#fff;
	font-size:24px;
}
#submenu.mobile { display:none; }

.subhead.mobile {
	display:none;
	color:#000;
	font-family:'HelveticaNeueLTStd-BdCn',arial,sans-serif;
	font-size:24px;
	text-transform:uppercase;
	text-align:center;
	margin:10px 0;
}

/* Mobile & Tablet */
@media (max-width:969px) {
	#head,#menubar { display:none; }
	#content { padding-top:60px; }
	.menubar.mobile,.menu.mobile,.copy.mobile { display:block; }
	.menubar.mobile {
		position:fixed;
		top:0;
		z-index:9999;
		width:100%; height:35px;
		background-color:#21406d;
		color:#fff;
		text-align:center;
		padding:2px 0 8px 0;
	}
	.menubar.mobile:after {
		content: ' '; 
		display: block;
		height: 0;
		line-height:0;
		clear: both;
		visibility: hidden;
	}
	.mobile .logo { margin-top:8px; }
	.mobile .button {
		position:absolute;
		top:2px;
		right:20px;
		content:' ';
		width:40px;
		height:40px;
	}

	.menu.mobile {
		display:none;
		position:fixed;
		z-index:9998;
		width:100%;
		color:#fff;
		line-height:1em;
		font-family:'Open Sans',HelveticaNeueLTStd-Roman;
		font-size:0.8em;
		margin-top:29px;
		max-height:90%;
		overflow-y:scroll;
	}
	.menu.mobile ul.pages {
		position:relative;
		z-index:9998;
		width:100%;
		padding-top:16px;
	}
	.menu.mobile ul.pages li {
		background:url('../images/21407e-80-nav-main.png') top left;
		padding:16px 18px 16px 24px;
	}
	.menu.mobile ul.pages li.end, .mobile .menu ul.pages li.sub.cur.end .end {
		padding:16px 18px 24px 24px;
	}
	.menu.mobile ul.pages li.sub.cur.end, .mobile .menu ul.pages li.sub.cur .end {
		padding:16px 18px 16px 24px;
	}
	.menu.mobile ul.pages li.sub.cur {
		background:url('../images/002d5f-80-nav-sub.png') top left;
	}
	.menu.mobile li.sub ul { display:none; padding-top:0.6em; }
	.menu.mobile li a { color:#fff; text-decoration:none; }
	.mobile .util {
		width:100%;
		background:url('../images/b5b5b5-80-nav-footer.png') top left;
		color:#7d7d7e;
		text-align:left;
		line-height:1em;
		font-family:'Open Sans',HelveticaNeueLTStd-Roman;
		font-size:1em;
		padding:1.5em 0;
	}
	.mobile .util ul { width:250px; }
	.mobile .util li { display:inline-block; margin:10px 30px; }
	.mobile .util li a { color:#fff; text-decoration:none; }
	.mobile .spacer { display:none; }
	.mobile .util ul.soc { width:100%; margin:2em 0 0 0; }
	.mobile .util ul.soc li { padding:0; margin:0 0 0 30px; }
	.mobile .sub li { background:none !important; }
	.mobile .sub .arrow {
		float:right;
		text-align:center;
		width:50px;
		height:20px;
		content:' ';
	}
	.mobile .sub .arrow { cursor:pointer; }
	footer .wrapper { display:none; }
	footer {
		padding:1.5em 10px;
		font-size:0.65em;
	}
	footer p { width:85%; }
	footer div.copy { text-align:center; font-weight:bold; padding-left:0; }
	footer a { text-decoration:underline; }

	#submenu { display:none; }
	#submenu.mobile { display:block; position:relative; }
	#submenu.mobile ul {
		position:absolute;
		top:30px;
		left:0;
		width:100%;
		z-index:999;
		display:none;
	}
	#submenu.mobile li {
		width:100%;
		text-align:center;
		color:#fff;
		font-size:1em;
		height:30px;
		background:url('../images/a4a4a4-80.png');
		margin:0 !important;
	}
	.submenuactive {
		position:relative;
		text-align:center;
		padding:6px 0 6px 20px;
		height:18px;
		color:#fff;
		cursor:pointer;
	}

	#content #submenu li a:hover { background:url('http://www.supercutsfranchise.com/css/images/a4a4a4-80.png') !important; }

	#submenu.mobile .arrow {
		display:inline-block;
		content:' ';
		width:20px;
		height:8px;
		cursor:pointer;
	}
	.submenu.mobile .arrow.down { background: url('../images/down-white-carat.png') no-repeat center center; }
	.submenu.mobile .arrow.up { background: url('../images/up-white-carat.png') no-repeat center center; }
	

	.subhead.mobile { display:block; }

} /* end Mobile & Tablet */

@media (max-width:679px) {

}

@media (min-width:989px) {
	#menu-modal { display:none !important; }
}