/*clear defaults*/
body, h1, h2, h3, p, ul, li, img	{ padding: 0px; margin: 0px;}

html	{	font-size: calc(0.4em + 1vw); font-weight: normal; text-align: center;}
a 			{	text-decoration: none;}
a img 		{	border: none;}
img 		{	border: none; }
ul 			{	list-style-type: none;}
p {	text-align: left;}
a:link {color: #347032;}
a:visited {color: #347032;}
a:hover {color: #347032; text-decoration: underline;}
a:active {color: #347032; text-decoration: underline;}
a[href^="tel:"] {color: black;  text-decoration: none;}



/*home page*/

body {	background: white; font-family: sans-serif;}
		
img {    max-width: 100%; height: auto;}
img.block {    display: block; margin-top: .5vw}
img.smallblock {    margin-top: .5vw; max-width: 45%; padding-left: 1em;}

div#content { width: 80%; display: inline-block;}


a.linkbox { display: block; width: 25%; background-color: #EFF4EF; margin-top: .7vw; border: .1vw solid white;  box-sizing: border-box; float: left; font-size: calc(0.6em + .9vw); }
a.lowerlinkbox { width: 25%; margin-top: 1vw;  background-color: #EFF4EF; border: .1vw solid white;  box-sizing: border-box; float: left; font-size: calc(0.6em + .9vw);}
a.linkbox:hover { background-color: #D1DFD0; }
a.lowerlinkbox:hover { background-color: #D1DFD0; }

div#content p { margin-top: 2vw; margin-bottom: 2vw;}

h1 { color: #347032; font-size: calc(0.7em + 1vw); margin-top: 2vw; margin-bottom: 1vw;}
h2 { color: #347032; font-size: calc(0.7em + 1vw); margin-top: 2vw; margin-bottom: -1vw; text-align: left; }

h2.fullybooked {color: red; font-size: calc(0.7em + 1vw); margin-top: 2vw; margin-bottom: 1vw;}

/*mobiles*/

@media only screen and (max-device-width: 800px) {
	html	{	font-size: calc(0.4em + 1.8vw); font-weight: normal; text-align: center;}
    a.linkbox { display: block; width: 25%; background-color: #EFF4EF; margin-top: .7vw; border: .1vw solid white;  box-sizing: border-box; float: left; font-size: calc(0.6em + 2vw); }
	a.lowerlinkbox { width: 25%; margin-top: 1vw;  background-color: #EFF4EF; border: .1vw solid white;  box-sizing: border-box; float: left; font-size: calc(0.6em + 2vw);}
	a.linkbox:hover { background-color: #D1DFD0; }
	a.lowerlinkbox:hover { background-color: #D1DFD0; }
	a[href^="tel:"]:link {color: #347032;}
	a[href^="tel:"]:visited {color: #347032;}
	a[href^="tel:"]:hover {color: #347032; text-decoration: underline;}
	a[href^="tel:"]:active {color: #347032; text-decoration: underline;}
										}