#banner {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	background-image: -moz-radial-gradient(top, #657dbf, #29324d);
	background-image: -webkit-radial-gradient(top, #657dbf, #29324d);
	background-image: -ms-radial-gradient(top, #657dbf, #29324d);
	background-image: radial-gradient(top, #657dbf, #29324d);
	background-color: #29324d;
	align-items: center;
	
	/*
	width: 100%;
	height: calc(100vw * 855 / 1500);
	background-image: url("../images/banner1_b.jpg");
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	*/
}

	#banner > div:nth-child(1) {
		width: 50%;
		color: #ffffff;
		letter-spacing: 1px;
		line-height: 1.8;
	}

		#banner > div:nth-child(1) > p:nth-child(1) {
			font-size: 250%;
			font-weight: bold;
		}

		#banner > div:nth-child(1) > p:nth-child(2) {
			font-size: 150%;
		}

	#banner > div:nth-child(2) {
		position: relative;
		width: 152px;
		height: 500px;
		display: flex;
		align-items: center;
		background-image: url('../images/wineBottle.png');
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
	}

		#banner > div:nth-child(2) > div {
			position: absolute;
			left: 0px;
			top: 260px;
			width: 100%;
		}

.subcategories {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

	.subcategoryPanel {
		margin: 15px;
		padding: 15px;
		width: 300px;
		border: 1px solid #606060;
		border-radius: 6px;
		background-color: #ffbf80;
		box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);
		cursor: pointer;
	}
	
	.subcategoryPanel:hover {
		background-color: #ffbf00;
	}

		.subcategoryPanel img {
			width: 100%;
			border: 1px solid #606060;
			border-radius: 6px;
		}

		.subcategoryPanel span {
			color: #800449;
			font-size: 140%;
			font-weight: bold;
		}

#wineLabelCategories {
	margin: 20px 0px;
	padding: 20px 0px;
}

	#wineLabelCategories > h1 {
		margin-top: 0px;
	}

#ourProducts {
	margin: 20px 0px;
	padding: 20px 0px;
	border: 1px solid #a0a0a0;
	background-color: #d0d0d0;
}

	#ourProducts > h1 {
		margin-top: 0px;
	}

@media screen and (max-width: 849px) {
	
}

@media screen and (min-width: 850px) and (max-width: 1100px) {

}

@media screen and (min-width: 480px) and (max-width: 849px) {
	
}

@media screen and (max-width: 479px) {

	#banner > div:nth-child(1) {
		width: 100%;
	}
	
}