/* MOBILE */  

/* decided on width per: http://www.zingdesign.com/wp-content/uploads/Zing-Design-Responsive-website-cheatsheet-1.pdf */
@media only screen and (max-width: 768px) {
  
#desktop_navigation, .desktop_only , .no_print {
display:none;
}

#mobile_navigation {
width:300px;
margin-left:auto;
margin-right:auto;
padding:5px;
background-color:DimGray; 
}

#content {
height:300px;
width:300px;
padding:5px;
margin-left:auto;
margin-right:auto;
background-color:black;
background-image:url("mobile.png");
background-size:125%;
background-repeat: no-repeat;
background-position:center;
}

.sub_content {
margin-top:25px;
margin-left:auto;
margin-right:auto;
height:95%;
width:95%;
background-color:black;
z-index:-1;
opacity:0.9;
filter:alpha(opacity=90); /* For IE8 and earlier */
}

}