/*meyer reset
========================================================================*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;	padding: 0;	border: 0;	outline: 0;	font-size: 100%;	vertical-align: baseline;	background: transparent;}
body {	line-height: 1;}
ol, ul {	list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}
/* remember to define focus styles! */
:focus {	outline: 0;}
/* remember to highlight inserts somehow! */
ins {	text-decoration: none;}
del {	text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: collapse;	border-spacing: 0;}

/* Reset
============================================================================*/
*{margin:0;padding:0;}
img{border:none;}
a{text-decoration:none;}
a:hover{}
li{list-style-type:none;}
article, aside, footer, header, hgroup, nav, section {display: block;}



/* Basics
===========================================================================*/
html{font-family:sans-serif;font-size:16px;line-height:1.5em;}
body{width:100%;margin:0 auto;text-align:center;
font-family: 'Playbal1l', 'Sl1abo 27px', 'O1pen Sans','R1aleway','Dr1oid Sans', 'Dosis', sans-serif;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-family:'Dosis',sans-serif;}
h1{font-size:2em;margin-bottom:0.5em;}
h2{font-size:1.5em;margin-bottom:0.75em;}
h3{font-size:1.5em;margin-bottom:0.75em;}
p{margin-bottom:.5em;line-height:1.5em;}
hgroup{margin-bottom:12px;}
hgroup h1{margin-bottom:.2em;}
hgroup h2{font-size:1.3em;margin-bottom:.2em;}
.clearfix{clear:both;}

li{line-height:1.5em;margin-bottom:0.5em; }

/* Structure
===========================================================================*/
header{}
nav{}
#main{}
#side{}
section{}
article{}
footer{}


/* header
===========================================================================*/
header .logo {display:block;margin:20px 0;margin-left:auto;margin-right:auto;width:200px; }
header h1{text-align:center; }


/* nav
===========================================================================*/



/* main
===========================================================================*/
p{max-width:600px;margin:0 auto 1.5em; }
.contact{font-size:1.6em;margin:2em auto; }
.book{font-size:1.6em;text-align:center;margin-bottom:2em;display:inline-block;width:150px;border:1px solid #2b9b00;border-radius:5px;background-color:#2b9b00;padding:0.5em 1em;color:#fff; }
.shop{border:1px solid #2b9b00;border-radius:5px;background-color:#2b9b00;padding:0.2em 0.5em;color:#fff; }
ul{display:block;margin:2em auto;width:50%;max-width:500px; }
ul li {text-align:left; }
ul li span{float:right; }
.sig{font-family:'Playball', sans-serif;font-size:2em; }



/* side
===========================================================================*/




/* footer
===========================================================================*/


/* mobile
===========================================================================*/
@media only screen and (max-width:1023px) {
body {width:92%;margin:0 4%;min-width:300px; }
.content{width:100%; }
.logo {width:50%; }
.logo, .contact, #main, .intro, .open {margin-bottom:4em; }
ul{width:90%;max-width:90%; }
li{font-size:1.5em; }


}