*{
			margin:0;
			padding:0;
			font-family: 'Playfair Display SC', serif;
		}

	
	

	body{
		font:15px/1.5 Arial, Helvetica, sans-serif;
		padding:0;
		margin:0;
		background-color: white;
		min-height:1170px;
		background-image: url("../img/wood2.jpg");
		background-attachment: fixed;
		

		

		
	}




	/* GLOBAL */
	.container{
		width: 80%;
		margin:auto;
		overflow:hidden;
		color: white;
	}


	/* HEADER */

	header{
		background-color: rgba(0,0,0,0.7);
		padding-top:20px;
		min-height: 10px;
		min-width: 100%;		
		border-bottom: black 1px solid;	
		position: fixed;

	
		
	}

	
	header a{
		color:white;
		text-decoration: none;
		text-transform: uppercase;
		font-size: 16px;
		font-weight: bold;
		}

	
	

	header li{
		display: inline;
		padding:0 10px 0 10px;
		float: left;


	}



	header #branding{
		float:left;

	}



	
	header nav{
		margin-top:0px;
		float: left;

				}

		.spacer{
			min-width: 100%;
			height: 95px;
			}


		/* showcases */

			#showcase{
			min-height: 1100px;
			margin-bottom: 50px;
			background:url("../img/taproom.jpg") no-repeat 0 -200px;
			background-size: cover;
			text-align: center;
			color:white;
			}
			#showcase h1{
				margin-top: 200px;
				font-size: 5em;
				position: fixed;
				text-align: center;
				}
			


			#showcase2{
			min-height: 1000px;
			margin-bottom: 50px;
			background:url("../img/showcase3.jpg") no-repeat;
			background-size: cover;
			text-align: center;
			color:white;
			}
			#showcase2 h1{
				margin-top: 500px;
			}

			#showcase3{
			min-height: 1000px;
			margin-bottom: 50px;
			background:url("../img/mi1.jpg") no-repeat;
			background-size: cover;
			text-align: center;
			color:white;
			}

			#showcase4{
			min-height: 1000px;
			margin-bottom: 50px;			
			background:url("../img/showcase5.jpg") no-repeat;
			background-size: cover;
			text-align: center;
			color:white;
			}

			#showcase5{
			min-height: 1000px;
			margin-bottom: 50px;			
			background:url("../img/mi2.jpg") no-repeat;
			background-size: cover;
			text-align: center;
			color:white;
			}



			footer, a{
				margin-top: 50px;
				margin-bottom: 150px;
				color: white;
				text-align: center;
				font-weight: bold;
				text-decoration: none;
				max-height: 50px;
			}

			
			@media only screen and (max-width: 820px) {
					#showcase .comingsoon{
						font-size: 2.5em;						
					}
			}
   					
			@media only screen and (max-width: 500px) {
					#showcase .comingsoon{
						font-size: 1.5em;
					}

					.container{
						width: 80%;
						

					}

					.container li{
							float:none;
							display:block;
							
							
					}

					header li{
							padding:0 10px 0 10px;
							float: right;
							display: block;
						}

						body{
							background-image: url("../img/bricks.jpg");
						}

						#showcase, #showcase2, #showcase3, #showcase4, #showcase5{
							background-image: none;
							


						}

						footer li{
							padding: 2px;
						}

						header #socials{
								display: none;
								


				}