@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}

* {
	margin:0px;
	padding:0px;
}

body {
	font-family: 'Open Sans', sans-serif;
	color:#393939;
	background:#f3f3f3;
}


.show-menu {
	text-decoration: none;
	color: #fff;
	background: #6e2306;
	text-align: center;
	padding: 10px 0;
	display: none;
	width:100%;
	margin-bottom:1px;
}

input[type=checkbox]{
    display: none;
    -webkit-appearance: none;
}

h1, p, hr, h3 {
	margin-bottom: 20px;
}


a {
	color:#6e2306;
}

a:hover {
	text-decoration: none;
}

p {
	margin-bottom: 20px;
}

@media (min-width: 600px) {
	#container {
		width:1100px;
		margin:0 auto;
	}

	#logo-d {
		background:url('../images/logo-d.png');
		height:203px;
		width:1100px;
		margin:0 auto;
		z-index:100;
		position: relative;
	}

	#logo-m, #menu-m {
		display: none;
	}

	.container {
		width:1000px;
		margin:0 auto;
	}

	.gallery-main {
		float:left;
		width:200px;
		margin:0px 20px 20px 0px;
		text-align: center;
		font-weight: bold;
		font-size: 12pt;
	}

	.gallery-image {
		float:left;
		width:200px;
		height:200px;
		margin:0px 20px 20px 0px;
	}

	#header-contact {
		float:right;
		height:100px;
		width:200px;
		color:#393939;
		font-size:9pt;
		font-weight: bold;
		text-align: right;
		margin-top:20px;
		margin-right:70px;
	}

	#header-contact a {
		color:#393939;
		text-decoration: none;
	}


	#slide {
		height:409px;
		width:1100px;
		z-index:10;
		background:url('../images/headerbg.jpg');
	}

	#menu {
		width:900px;
		padding-left: 200px;
		color:white;
		height:32px;
		padding-top:8px;
		position: absolute;
		top:125px;
		left:0px;
	}

	#menu ul {
		display: inline;
	}

	#menu ul li {
		display: inline;
	}

	#menu ul li a {
		color:white;
		padding-right:40px;
		text-decoration: none;
	}

	#menu ul li a:hover {
		color:#f3f3f3;;
	}

	#content {
		width:1000px;
		padding:20px 50px;
		margin-bottom:20px;
	}

	#footer {
		width:1000px;
		height:126px;
		padding:20px 50px;
		background: #6e2306;
		color:white;
		font-size:10pt;
	}

	#footer a {
		color:white;
	}

	#footer a:hover {
		text-decoration: none;
	}

	#footer-left {
		float:left;
		width:300px;
		height:106px;
		background:url('../images/footer-left.png') no-repeat top left;
	}

	#footer-right {
		float:right;
		width:300px;
		height:106px;
		text-align: right;
	}

	.front {
		float:right;
		margin-left:20px;
		margin-bottom: 20px;
	}

	h1 {
		font-size:20pt;
		margin-bottom: 0px !important;
	}

	h3 {
		font-size:14pt;
		font-weight:normal;
	}

	p {
		font-size:11pt;
	}

	label {
		width:100px;
		text-align: right;
		margin-right:10px;
		height:30px;
		margin-bottom: 10px;
		display:inline;
		float:left;
	}

	input[type="text"], input[type="email"], textarea, select {
		padding:5px 10px;
		width:300px;
		font-size:12pt;
		color:#393939;
		font-family: 'Open Sans';
		margin-bottom: 10px;
	}

	form {
		padding:20px;
		background:white;
		width:500px;
	}

	input[type="submit"] {
		padding:10px 20px;
		font-size:14pt;
		font-family:'Open Sans';
		margin-bottom: 20px;
		margin-left:110px;
	}
}



@media screen and (max-width : 600px){
	#logo-d, #slide {
		display: none;
	}


	#logo-m {
		margin-bottom: 20px;
	}



	#menu-m {
		margin-bottom: 20px;
	}

	#content {
		width:90%;
		margin:20px 5%;
	}

	.gallery-image {
		float:left;
		width:42%;
		height:auto;
		margin:0px 20px 20px 0px;
	}

	#footer {
		background:#6e2306;
		width:90%;
		padding:20px 5%;
		color:white;
		text-align: center;
		font-size:14px;
	}

	#footer a {
		color:white;
	}

	#footer-left {
		margin-bottom:20px;
	}

	h1, p {
		margin-bottom: 20px;
		text-align: center;
	}

	h1 {
		font-size:18px;
	}

	/*Make dropdown links appear inline*/
	ul {
		position: static;
		display: none;
	}

	/*Display 'show menu' link*/
	.show-menu {
		display:block;
	}

	li {
		display:block;
		width:100%;
		margin-top:1px;
	}

	li a {
		display:block;
		text-align: center;
		color:white;
		background:#6e2306;
		padding:12px 0px;
		text-decoration: none;
		text-transform: uppercase;
		width:110%;
		margin-left:-5%;
		z-index:999;
	}

	/*Hover state for top level links*/
	li:hover a {
		background: white;
		color:#6e2306;
	}

	/*Style for dropdown links*/
	li:hover ul a {
		background-color: white;	
		color: #6e2306;
		text-transform: uppercase;
		text-align:center;
		height: 22px;
		padding:12px 0px;
/*		line-height: 39px;*/
		width:100%;
	}

	/*Hover state for dropdown links*/
	li:hover ul a:hover {
		background: white;
		color: #1f2356;
	}

	/*Hide dropdown links until they are needed*/
	li ul {
		display: none;
	}

	/*Make dropdown links vertical*/
	li ul li {
		display: block;
		float: none;
	}


	/*Prevent text wrapping*/
	li ul li a {
		width: auto;
		min-width: 100px;
		padding: 0 20px;
		text-align:center;
	}


	/*Display the dropdown on hover*/
	/*ul li a:hover + .hidden, .hidden:hover {
		display: block;
	}*/

	/*Show menu when invisible checkbox is checked*/
	input[type=checkbox]:checked ~ ul{
	    display: block;
	}
	input[type=checkbox]:not(:checked) ~ ul{
	    display: none;
	}

	label {
		width:100%;
		height:30px;
		margin-bottom: 10px;
	}

	input[type="text"], input[type="email"], textarea, select {
		padding:5px;
		width:100%;
		font-size:12pt;
		color:#393939;
		font-family: 'Open Sans';
		margin-bottom: 20px;
	}

	input[type="submit"] {
		padding:10px 20px;
		font-size:18px;
		font-family:'Open Sans';
		margin-bottom: 20px;
	}

}