@media only screen and (max-width: 767px) {
.nomobile {
	display:none;
}
.noPromoCol {
	margin-top: 0;
}
.onlymobile {
	visibility:visible;
}
div.cpu-rteElement-div {display:none}
	#s4-bodyContainer {min-width: 320px !important} /* default min 760 and doesn't go quietly */
#header {
	height: 55px;
}
	#head_r, #head_rb, #head_l {width: inherit;}
	
	#ctl00_head_lb {display:none}
	#head_l, #head_r {height: 55px; margin: 0;}

	#head_lt {padding: 10px 0 0 0; border: 0}
	#head_lt img {max-height:50px}
	#head_r {float:right;}
	#head_rt {border-bottom:none;text-align:center;}
	#head_menu {display:none}
	#head_srch {display:inline-block}

	.ribbon-wrapper {display:none}

	#main {background: #fff;}
	.ie-brTop {display:none}
	.setWidth {width: 95%}

#helpYou { /* todo border-bottom: 10px solid #6b9000; z-index: -1; */
background: none;
padding: 0 16px;
margin-top:20px;}

/* let's try finesse instead	#welcomeInfo {display: none} */
#welcomeInfo, .middle3col {
	width:100%;
}
#topThing {
	height:auto;
}
#topThing h1.withNav, #topThing h1.noNav {
	margin-left: 0px;
	margin-top: 40px;
	line-height:1.2;
	margin-bottom:5px;
}
#toggleNav {
	display:inline-block;
	height:44px;width:44px;border-radius:10px;
	background: url('images/cvs/mobilesprite.png') no-repeat -88px 0;
	
	margin-top:15px;
}
#goHome {
	display:inline-block;
	height:44px;width:44px;border-radius:10px;
	background: url('images/cvs/mobilesprite.png') no-repeat -44px 0;
	
	margin-top:15px;
}
#searchMobile {
	display:inline-block;
	height:44px;width:44px;border-radius:10px;
	background: url('images/cvs/mobilesprite.png') no-repeat 0 0;
	
	margin-top:15px;
	margin-right:5px;
}
.srch-results {
	padding-left:0;
	
}
.rightContent {
	width:100% !important;
	text-align:center;
}

.menu-vertical {
	border-top: 3px solid #7a1f5e;
}
.menu-vertical ul.root, .menu-vertical li.root {
	font-size:1.3em
}
.menu-vertical .menu-item-text {
	margin-top:8px;
}
.s4-tn li.static > .menu-item {
	min-height: 40px;
	line-height: 40px;
	/* font-size:1.6em; */
}
/* #footer {height: 250px}  +40 offset, compensate for green mobile stripe */
#footer {
	min-height:180px;margin-top:-180px;
	
}
	#foot_r {width: 100%;}
	#foot_rb {display: none;}
	#foot_l {
	margin-left: 15px;
}
	div#foot_mobile {display: none; width: 100%; height: 48px; line-height: 48px; 
					background: #88a433; background: -webkit-linear-gradient(top, #587c25 0%,#88a332 100%)}
	div#foot_mobile a {font: white bold 1.6em Arial !important; padding: 0 24px;}
	#foot_menu {position: absolute; top: 60px; font-size: 125%; width: 90%; padding-left:16px}
	#foot_menu ul li {padding-bottom: 10px;}

#leftThing, #middleThing, #rightThing {
	width:100%; margin:0; float:none;
}

#leftThing {
	
}

.leftContent {
	position:absolute;
	top:80px;
	left:-100%;
	max-height:90%;
	transition: all 0.3 ease-in-out;
	-webkit-transition: all 0.166s ease-in-out;
	background: #3a3a3a;
}
.showNav {
	left:0% !important;
	

}
/* THE IMPORTANT ONE FOLLOWS: */
.sidekicks, #helpyou {
	width:100%; 
}
.heroes ul li {
	background: #fff;
}
.sidekicks ul li {
	display:table;
	height:113px;
}
.sidekicks ul li a {
	display:table-cell;
	vertical-align:middle;
}

/* THE OLD STUFF 
	.heroes h2, .sidekicks h2 {color:#7D1F70; font-size: 175%; padding: 0; line-height: 75px !important; font-weight: bold;}

 .sidekicks {width: 100%; margin: 0;  line-height:60px; display:block}
 .sidekicks ul {width: 100%; margin:0;}
 .sidekicks ul li {height: 75px; width: 100%; margin: 0; border-top: 1px solid #b9b9b9; background: white;}
 .sidekicks ul li p {display: none;}
 .sidekicks ul li:hover { }  /* different specificity?  it's complicated */

.heroes h2 {
	font-size: 300%;
	padding-top:25px;
}

.heroes li:nth-child(1) h2 {color: #fff;}
.heroes li:nth-child(2) h2 {color: #fff;}
.heroes li:nth-child(3) h2 {color: #fff;}
.heroes li:nth-child(4) h2 {color: #fff;}

.heroes ul li:first-child .mosaic-overlay {
	 border-radius:15px 15px 0 0;
}

.heroes ul li:last-child .mosaic-overlay {
	 border-radius: 0 0 15px 15px;
}


.heroes ul li {
	height: 130px; /* was 88 */
	width:100%;
}

.heroes ul li:nth-child(1) div.mosaic-overlay {
	background: #6b8f00;
}
.heroes ul li:nth-child(2) div.mosaic-overlay {
	background: #e37f1c;
}
.heroes ul li:nth-child(3) div.mosaic-overlay {
	background: #005ecf;
}
.heroes ul li:nth-child(4) div.mosaic-overlay {
	background: #7a1f5e;
}

.sidekicks ul {
	padding:15px;
}

.sidekicks ul li {
	width: 46%;
	margin: 2%;
	float:left;
	list-style: none;
	overflow: visible;
}

.sidekicks ul li:nth-child(1) 
{
background: #7a1f5e;
}

.sidekicks ul li:nth-child(2) 
{
background: #7a1f5e;
}

.sidekicks ul li:nth-child(3) 
{
background: #7a1f5e;
}

.sidekicks ul li:nth-child(4) 
{
background: #7a1f5e;
}

.sidekicks ul li h2 {
	margin:10px;
}


.cover {
	height:130px;
}
.mosaic-block {
	width:100%;
}

/* fix padding on the HTML within the main four link peek-a-boos */
.mosaic-block div[class^="ExternalClass"] {
	padding-top:0px;
}
/*
search box web part is element.style 800px default
set manually to #middleThing equivalent and then fix its wagon for mobile
(note unbelievable specificity of trailing semicolons 
*/

table[style="width:464px"]{
	width:85% !important;
}
div[style="width:464px;"]{
	width:85% !important;
}


/* NEW STUFF */
#contentWrap {padding: 0; border-top-left-radius: 0; -moz-border-top-left-radius: 0; background:none;}

.sidekicks ul {border-top: 0px;}
.heroes, .sidekicks {line-height: inherit;}
.heroes ul li, .sidekicks ul li {padding:0; }
.mobilify {display: none;}
.sidekickTitle {display: none;}
#foot_lb {position: absolute; top: 150px;}
#foot_lt, #foot_rt {border: 0}
#foot_mobile a:link {font: bold 125% sans-serif; color: #ffffff}


#head_srch {	display:none !important;}

				
#s4-ribbonrow, .ms-siteactionsmenu {
	display:none
}



/* req'd without the so-called Regular Site? body {
	width:auto;zoom:100%; -webkit-text-size-adjust:100%;}
}
.demobilify {
	display:inherit;
} */


/* @media only screen and (min-width: 767px) and (max-width: 769px) { body {width:auto;zoom:76.8%; -webkit-text-size-adjust:76.8%}} /* sorry ipads */