@charset "UTF-8";


#container {width: 80%; margin: auto; background-color: white; min-height: 900px; position: relative;}

#header {width:1024px; background-color:#5e1211; height:200px;}
@media only screen and (min-width: 600px) {
.nav ul {
      list-style: none;
      background-color:#5e1211;
      text-align: center;
      padding: 0;
      margin: 0;
	  width:1024px;
    }

.nav li {
      font-family: 'Oswald', sans-serif;
      font-size: 1.5em;
      line-height: 40px;
      height: 40px;
      border-bottom: 1px solid #888;
    }
	
.nav a {
      text-decoration: none;
      color: #fff;
	  display: block;
	  transition: .3s background-color;
    }
	
.nav a:hover {background-color:#3c1f1c;}

.nav a.active {background-color:#fff;
			   color: #444;
			   cursor:default;
    }
	

	.nav li {
		width:120px;
		border-bottom:none;
		height: 50px;
		line-height:50px;
		font-size:1.4em;
		
	}
	
.nav li {
	display:inline-block;
    }
h2 {color:#03A45B;}

h3 {color:#7b573e; text-align: center;}

#middle {float: left; padding-left:14px; padding-bottom: 30px; width: 312px; display:inline-block;}

#middle2 {float: left; padding-left:24px; padding-bottom: 30px; width: 311px; display:inline-block;}

#middle3 {float: left; padding-left:24px; padding-bottom: 80px; width: 311px; display:inline-block;}

#middleinfo {padding-top:20px; padding-right:300px; padding-bottom: 30px; padding-left: 300px;}

#middle-contact {width: 500px; margin: auto; text-align: center;padding-right: 70px;}

#container2 {width: 62%; margin: auto;}

#middle4 {width: 500px; margin: auto; padding-right: 70px; text-align: center;}

#serve {text-align: center; float: left;} 

#map-location {
    display: block;
    margin: auto;
    width: 40%;
	}

#gallery {display: inline-block;}

#social {float: left; width:80%; padding-left: 10px;}

#footer {width:1015px; background-color:#5e1211; float: left; color: white; text-align: center; line-height: 0px; vertical-align: middle; horizontal-align: middle;}
}