#wrapper {width: "device-width"; max-width: 800px; margin: 0 auto; overflow: hidden;}

body {font-family: Georgia, Times, 'Times New Roman', serif; font-size: 15pt; line-height: 150%; color:#000000} 

table, th, td body {font-family: arial,helvetica; font-size: 14pt; color:#000000} 

div.smalltext {font-family: Georgia, Times, 'Times New Roman', serif; font-size: 12pt; line-height: 140%; color:#000000} 

div.space {font-family: Georgia, Times, 'Times New Roman', serif; font-size: 14pt; line-height: 140%; color:#000000} 

div.linktext {font-family: arial,helvetica; text-align: center; font-size: 14pt; line-height: 200%; color:#000080}

img.mug {width:20%; height:auto; float:left; margin-right:0.5em; border-style:solid; border-width:1px}

h1 {font-family: arial,helvetica; font-size: 30px; text-align: center; color:#000080}

h2 {font-family: arial,helvetica; font-size: 30px; line-height: 150%; color:#000080}

h3 {font-family: arial,helvetica; font-size: 24px; color:#000080}

h4 {font-family: verdana,arial,helvetica; font-size: 20px; color:#000080}

h5 {font-family: verdana,arial,helvetica; font-size: 12pt; color:#000080}

@media only screen and (min-device-width: 200px) and (max-device-width: 400px) {#wrapper {width: 325px; margin: 0 auto; overflow: hidden;}

@media only screen and (min-device-width: 400px) and (max-device-width: 600px) {#wrapper {width: 500px; margin: 0 auto; overflow: hidden;}

@media only screen and (min-device-width: 600px) and (max-device-width: 800px) {#wrapper {width: 700px; margin: 0 auto; overflow: hidden;}