/* Allow mobile browsers to autosize text */
html {
    -webkit-text-size-adjust: 100%;
}

/* Background stays the same */
body{
     background-color:#CCFFFF;
     margin: 10px;          /* Adds breathing room on small screens */
     max-width: 900px;      /* Keeps desktop readable */
     width: 100%;           /* Allows shrinking on mobile */
}

/* Headings */
h1{
   color:#990066;
   font-size: 2.2em;        /* Slightly smaller for mobile */
}
h2{
   color:black;
   font-size: 1.8em;
}
h3{
   color:black;
   font-size: 1.4em;
}
h4{
   color:black;
   font-size: 1.1em;
}

/* Paragraphs */
p{
  font-family: tahoma;
  font-size: 1em;           /* Uses relative size for better scaling */
  color: black;
  line-height: 1.5;         /* Improves readability on phones */
}

/* Links hover */
A:hover { background: yellow }

/* Tables */
table#links{
    background-color:#AAFFAA;
    width: 100%;            /* Prevents overflow on mobile */
}

table.pics{
  background-color:#FAEBD7;
  border-color:#FAEBD7;
  border-width:2px;
  padding:4px;
  width: 100%;             /* Prevents horizontal scrolling */
}