/* CSS Document */

* { margin: 0 auto; padding: 0; line-height: 1; text-align: center; }

body { font-size: 10px; font-family: 'Roboto', sans-serif; background: url(bg-sand.jpg) repeat bottom right; }

a { /* text-decoration: none; */ font-weight: bold; color: #00c; }

img { width: 100%; display: block; max-width: 35em; padding: 2em 1em; margin: 0 auto; }

h1, h2, h3, h4 { font-family: 'Roboto Slab', serif; line-height: 1.2; }
h1 { font-size: 3.2em; color: #00a550; }
h2 { font-size: 2.4em; margin-bottom: .2em; }
h3 { font-size: 2.2em; margin-top: 1em; color: #00a550; }

p { font-size: 1.6em; line-height: 1.5; margin: 1em auto; }

div#container { background: #fff; max-width: 75em; width: 96%; padding: 1em 2%; margin: 0 auto; box-shadow: 0 .5em .5em #000; }

header { display: block; clear: both; }

section { display: block; margin: 3em 0; clear: both; }

header div, section div { max-width: 35em; margin: 0 auto; display: inline-block; vertical-align: middle; }

iframe.yelp-review { max-width: 30em; }

figure { width: 100%; max-width: 60em; display: block; margin: 0 auto; }

ul { display: block; max-width: 48em; }
li { list-style: none; font-size: 1.6em; line-height: 1.2; margin: .2em; }

table { width: 100%; max-width: 48em; border: 0; margin-bottom: 2em; }
tr { margin: .2em; }
td { font-size: 1.6em; width: 40%; padding: 0 4%; line-height: 1.2; }

footer { font-size: 86%; display: block; }


section#hours table { border: .1em dotted #000; padding: .1em; }

section#services { padding: 3em; }