body {
color: #fff;
font-family: Comic Sans MS,Verdana,Arial,Sans-Serif;
font-size: 20px;
background-color: #222;
max-width: 900px;
margin: 10px auto 50px auto;
padding: 0px 20px;
}

#content {
clear: both;
max-width: 1000px;
padding: 20px 0px 10px 0px;;
text-align: center;
}

#content img {
max-width: 100%;
max-height: 500px;
border: 0;
}

p {
line-height: 1.2em;
margin: 0.40em 0;
}

a:link {
color: #fff;
text-decoration: none;
}
a:visited {
color: #ddd;
}
a:hover {
color: #fff;
background-color: #666;
}

.nav-buttons {
float: right;
}
.nav-buttons input:hover {
color: #fff;
background-color: #666;
}

.page-number {
float : left;
font-family: Sans-Serif;
font-size: 14px;
}

.msie img, .msie a img {
  //* width: 100%;
}

@media screen and (max-width: 768px) { /* vertical tablet size - start hamburger menu here */
#content img {
  max-width: 100%;
  height: auto;
  }
}