body { background-color:#fff; padding:0; margin:0; }

#container { background-color:#fff; margin-top:0; width:100%; margin:0; }

header, footer, .menu, .main { padding:10px; }
.content { padding:10px; }
header .content { text-align:center; border-bottom:1px solid; }
header h1, header h2 { font-size:30px; margin:0; }
.menu { padding-top:0; }
.menu .content { padding-top:0; border-bottom:1px solid; }
.menu .menu_list { list-style-type:none; margin:0; padding:0; font-size:12px; }
.menu .menu_list li { display:inline; padding:0 10px 10px 0; font-size:1.4em; }
footer .content { text-align:right; border-top:1px solid; }

.potd { max-width:98%; }

#species_cname { font-size:40px; margin:0; }

#page_content { font-size:1.2em; }

.content_section { width:100%; margin:0 0 10px 0; background-color:#eef; }
.content_section_head, .content_section_body { padding:10px; }
.content_section_head { background-color:#ccd; }
.content_section h2 { font-size:30px; margin:0; padding:0; }
#species_desc { margin-top:12px; font-size:1.2em; }

.img_section { float:left; width:95%; margin:10px 0; padding:10px; border:2px solid; }
.fact_section { float:left; width:100%; margin:10px 0; border-top:1px solid; border-left:1px solid; border-right:1px solid; }
.fact_section_head { background-color:#ccd; margin:0; padding:10px; }
.fact_section_head h2 { font-size:30px; margin:0; padding:0; }
.fact_section table { width:100%; border-spacing:0; }
.fact_section table tr td { padding:2px; border-bottom:1px solid; }


/* MOBILE */
@media only screen and (min-width: 600px) {
  #container { width:90%; margin-top:0; margin-left:5%; }
  header h1, header h2 { font-size:40px; margin:0; }
  .content_section { width:100%; margin:0 0 10px 0; background-color:#eef; }
  .img_section, .fact_section { width:40%; margin: 10px; 2%; }
}