@charset "UTF-8";

@media screen and (max-width: 900px) {
	body {
		background-color: #c3996b;
	}

	#vineCont {
		margin-top: 0px;
		width: 100%;
	}

	#header {
	}

	#footer {
		color: #3b2414;
		width: 100%;
		border-top-width: 1px;
		border-top-style: solid;
		border-top-color: #c3996b;
	}
}

@media screen and (max-width: 850px) {
	#headerNav ul li {
		padding-right: 16px;
	}

	#top-menu {
		display: none;
	}
}

@media screen and (max-width: 800px) {
	#headerLogo {
		float: none;
		width: 25%;
		margin-left: auto;
		margin-right: auto;
	}

	#headerLogo img {
		width: 100%;
		height: auto;
		padding-top: 10px;
		padding-left: 0;
		padding-right: 0;
	}

	#headerNav {
		float: none;
		width: 100%;
	}

	#header {
		height: auto;
	}

	#headerNav ul {
		padding: 0;
		border-bottom: none;
		padding-top: 4px;
		padding-bottom: 5px;
		margin-top: 10px;
		margin-left: 5%;
		margin-right: 5%;
		width: 90%;
		text-align: center;
		border-top-width: 1px;
		border-top-style: solid;
		border-top-color: #ffffff
	}

	#headerNav ul li {
		padding-right: 10px;
		padding-left: 10px;
		text-align: center;
	}

	#storeLeft, #storeLeft2 {
		width: 48%;
	}

	#storeRight {
		width: 45%;
		margin-left: 5%;
	}
}

@media screen and (max-width: 650px) {
	#headerLogo {
		margin-bottom: 10px;
		width: 30%;
	}

	#storeLeft, #storeLeft2 {
		width: 70%;
		margin-left: 15%;
		margin-right: 0;
		margin-bottom: 16px;
	}

	.section {
		display: none;
	}

	#storeLeft2 {
		display: block;
		margin-top: 16px;
	}

	#storeRight {
		margin-top: 16px;
		width: 70%;
		float: none;
		margin-left: 15%;
		margin-right: 0;
	}

	#shoppingDining {
		display: block;
	}

	#pageContent h1 {
		padding-top: 50px;
	}


}

@media screen and (max-width: 500px) {
	#headerLogo {
		width: 40%;
	}

	#storeLeft, #storeLeft2 {
		width: 100%;
		margin-left: 0;
	}

	#storeRight {
		width: 100%;
		margin-left: 0;
	}
}

@media screen and (max-width: 400px) {
	#headerLogo {
		width: 60%;
	}

	#pageContent {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		padding-left: 0;
		padding-right: 0;
		text-align: center;
	}

	#storeLeft, #storeLeft2 {
		width: 100%;
		margin-left: 0;
		text-align: center;
		border-top: none;
		border-left: none;
		border-right: none;
	}

	#storeLeft p {
		padding-left: 0;
	}

	#storeRight {
		width: 100%;
		margin-left: 0;
		text-align: left;
	}

	.sitemapButton {
		margin-left: 0;
		margin-right: 0;
		padding-left: 0;
		padding-right: 0;
		width: 70%;
		margin-left: 15%;
	}

	#storeRight {
		width: 90%;
		margin-left: 5%;
	}

	h1 {
		text-align: center;
		font-size: 1.125em;
	}

	.newsBlurb {
		width: 100%;
		float: none;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #c3996b;
		padding: 10px 0;
	}

	#blurbs {
		padding: 0;
	}

}

@media screen and (max-width: 380px) {
	#headerLogo {
		width: 70%;
	}
}