@import url('https://fonts.googleapis.com/css?family=Montserrat|Prompt');
body { max-width: 900px; font-family: 'Montserrat', sans-serif; text-align: center; margin: auto; }
a:link { color: #4d99f1; }
a:visited { color: #0a4d9b; }
h1, h2 { margin-left: 16px; font-family: 'Prompt', sans-serif; }
#bodyInner { max-width: 800px; margin: auto; text-align: left; border: 1px thin solid; }
p { margin-left: 24px; line-height: 1.5; }
.resourcesList { font-size: 0.8em; }
.pageSection { border: 1px solid #bbb; padding: 4px; margin-bottom: 4px; } 
.bookRecMain { padding: 4px 16px 4px 24px; float: left; }

   h1 { font-size: 1.75em; }
   h1, h2, .contact { font-family: Copperplate, 'Copperplate Gothic Light', sans-serif; }
   p, li { font-size: 1em; font-family: 'Montserrat',  sans-serif; }
   #author { text-align: center; }
@media all and (max-width: 600px) {
 #greeterGraphic { background: url(/projects/interactive_placebo/rsc/placeboHeaderGraphic_m.png); max-width: 340px; 
background-repeat: no-repeat; } 
h1, h2, p { margin-left: 8px; }
}
@media all and (min-width: 900px) {
 #greeterGraphic { background: url(/projects/interactive_placebo/rsc/placeboHeaderGraphic.png); 
max-width: 960px; background-repeat: no-repeat; background-position: center; }

   html { background-color: #ccc; }
   body { margin: 4px auto; font-size: 16px; 
max-width: 960px;
          border: 2px #bbb solid; background-color: #fff; padding: 4px; 
}
}