* {
	margin: 0;
	padding: 0;
}

body {
	color:#fff;
	background-color:#000;
	font-family:Helvetica, Arial, san-serif;
	font-size:1.25em;
	overflow-x: hidden; /* needed because hiding the menu on the right side is not perfect,  */
}

img, embed, object, video {
  max-width: 100%;
}

#wrapper{
	background-color:#F37B38;
    margin-left:auto;
    margin-right:auto;
	width:98%;
	display: -webkit-flex;
	display: flex;
			-webkit-flex-flow: row wrap;
			flex-flow: row wrap;
}

#header, .leftcolh{
	font-size:1.5em;
	background-color:#000;
}

#header{
	width:100%;
	min-height:160px;
}
#slideshow{
	width:100%;
	background-color"#000;
}
.leftcol, .left23, .left3, .center3, .right3, .rightcol, .leftcolc, .rightcolc, .right13, #center{
}

.leftcol, .left23, .left3, .center3, .right3, .rightcol, .leftcolc, .rightcolc, .right13, #center{
	width:98%;
	margin:1%;
}

.leftcolh{
	max-width:224px;
}

@media (min-width:200px){
	.leftcolh, #header, .contact{
	margin-left:auto;
	margin-right:auto;
	}
	.contact{
		padding-top:120px;
	}
	#header{
		/*height:280px;*/
		margin-bottom:10px;
		padding-bottom:10px;
	}
}

@media (min-width:300px){
	.leftcolh, #header, .contact{
		margin-left:auto;
		margin-right:auto;
	}
	.contact{
		padding-top:120px;
		font-size:.67em;
	}
	#header{
		/*height:280px;*/
	}
}

@media (min-width:550px){
	.rightcol, .leftcol, .leftcolc, .rightcolc {
		width:44%;
	}
	.contact{
		font-size:1em;
	}
	.left3, .center3, .right3{
		width:48%;
	}
	.leftcol, .left23, .left3, .center3, .right3, .rightcol, #header, #center{
		font-size:1.25em;
	}
}

@media (min-width:650px){
	.left3, .center3, .right3{
		width:30%;
	}
	.contact{
		margin-left:25%;
		float:none;
		padding-top:0px;
	}
	#header{
		/*height:150px;*/
	}
	.leftcolh, #header{
		margin-left:0px;
		margin-right:0px;
	}
}

@media (min-width:800px){
	.leftcol, .rightcol, .leftcolc, .rightcolc {
		width:46%;
	}
	.leftcolh{
		width:33%;
	}
	.left3, .center3, .right3{
		width:30%;
	}
	.left23{
		width:60%;
	}
	.left23, .right13{
		width:98%;
	}
	.c2, .leftcol, .leftcol23, .right13, .left3, .center3, .right3, .c4, .c5, .c34, .rightcol, .leftcolc, .rightcolc , #header, #center{
		font-size:1em;
	}
}

.hiddenm{
	display:none;
}

#navbar{
	display:none;
}

#content{
	display: -webkit-flex;
	display: flex;
			-webkit-flex-flow: row wrap;
			flex-flow: row wrap;
	background-color:#808080; 
	margin:15px 1% 20px 1%;
}

img {
	border:none;
	width:100%;
}

img.left {
	float:left;
	margin:0 15px 0 0;
}

img.fb{
	width:50px;
}

p{
	font-family:Times, Times New Roman, serif;
	margin-bottom:10px;
}

p.menu{
	text-align:center;
}

p.center{
	text-align:center;
}

a{
	color:#fff;
}

h1{
	font-family:Georgia, "Times New Roman", Times, Palatino, serif;
	text-align:center;
	font-style:italic;
	margin-bottom:1em;
}

h2{
	text-align:center;
}

.logo{
	margin-left:auto;
	margin-right:auto;
	text-align:center;	
}

.contact {
	text-align:center;
	color:#F37B38;
	margin-top:-120px;
}

.contact a{
	text-decoration:none;
	color:#F37B38;
	font-size:2em;
	font-weight:bold;
}

img.left {
	float:left;
	margin:0 15px 0 0;
}

ul {
	margin-top:10px;
	text-align:left;
	margin-left:30px;
	font-family:Times, Times New Roman, serif;
}

table{
	width:100%;
}

td{
	width:48%;
}

th{
	background-color:#808080;
}

tr:nth-child(even){
	background-color: #909090;
}
	
div.gallery{
  margin-left:1%;
  margin-bottom:10px;
  float:left;
  width:32%;
}

div.gallery img{
  width:100%;
  height:auto;
}

.payment{
	color:#F37B38;
}

.phone{
	text-decoration:none;
	color:#FFEE0C;
}

#center {
	/* 1 column centered on page*/
	width:96%;
	margin-left:2%;
	margin-right:2%
}

#reset {
	clear:both;
	/*padding:10px;*/
}

#copy {
	font-size:12px;
	text-align:center;
}

/* HAMBURGER MENU*/

/*
 * Made by Erik Terwan
 * 24th of November 2015
 * MIT License
 *
 *
 * If you are thinking of using this in
 * production code, beware of the browser
 * prefixes.
 */

#menuToggle
{
  display:block;
  position:absolute;
  top:20px;
  right:15px;
  
  z-index:1;
  
  -webkit-user-select:none;
  user-select:none;
  
  font-size:14px;
}

#menuToggle input
{
  display: block;
  width: 40px;
  height: 32px;
  position: absolute;
  top: -7px;
  left: -5px;
  
  cursor: pointer;
  
  opacity: 0; /* hide this */
  z-index: 2; /* and place it over the hamburger */
  
  -webkit-touch-callout: none;
}

/*
 * Just a quick hamburger
 */
#menuToggle span
{
  display: block;
  width: 33px;
  height: 4px;
  margin-bottom: 5px;
  position: relative;
  
  background: #808080;
  border-radius: 3px;
  
  z-index: 1;
  
  transform-origin: 4px 0px;
  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;
}

#menuToggle span:first-child
{
  transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2)
{
  transform-origin: 0% 100%;
}

/* 
 * Transform all the slices of hamburger
 * into a crossmark.
 */
#menuToggle input:checked ~ span
{
  opacity: 1;
  transform: rotate(45deg) translate(-2px, -1px);
  background: #808080;
}

/*
 * But let's hide the middle one.
 */
#menuToggle input:checked ~ span:nth-last-child(3)
{
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}

/*
 * Ohyeah and the last one should go the other direction
 */
#menuToggle input:checked ~ span:nth-last-child(2)
{
  opacity: 1;
  transform: rotate(-45deg) translate(0, -1px);
}

/*
 * Make this absolute positioned
 * at the top left of the screen
 */
#menu
{
  position: absolute;
  width: 100px;
  margin: -30px 0 0 0;
  padding: 10px;
  padding-top: 20px;
  right: -15px;
  
  background: #000;
  list-style-type: none;
  -webkit-font-smoothing: antialiased;
  /* to stop flickering of text in safari */
  
  transform-origin: 0% 0%;
  transform: translate(100%, 0);
  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}

#menu li
{
  padding: 10px 0;
  font-size: 22px;
}

#menu a{
  text-decoration:none;
}

/*
 * And let's fade it in from the left
 */
#menuToggle input:checked ~ ul
{
  transform: scale(1.0, 1.0);
  opacity: 1;
}