/* Phone Formatter - This CSS sheet formats Helping Hands web pages for phones.  It suppresses the header, footer, and modifies the left-hand navigation window. */

/* Written by Jim Ogle - 06-24-2024 */
/* Modfied by Jim Ogle - 10-01-2024 */

/* Override styles when using a phone - */
/* Applies to screens no more than 768 pixels wide */

/* Suppress phone navigation links if not a small screen */
@media screen and (min-width: 769px) {
.topnav { display: none;
}
} 

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

/* Suppress header and footer */

#header, #footer, #content-left, #MenuMain {
  display: none;
}

#content_right { margin-left:  0px }

/* prepare header graphic for displaying only in phone format; the actual code is in each web page at the top of the content section */
img {
     display: block !important; 
     max-width: 100%;
     height: auto; }
  
/* set font size to 2% of view port width */

body {font-size: 2vw;
}

}