@charset "UTF-8";

/* CSS Document */



html, 

html * {

	padding: 0;

	margin: 0;

	box-sizing: border-box;

	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";

}



header {

	padding: 20px 32px 0px 0px;

	background-color: #332C2C;

	top: 0;

	Left: 0;

	width: 100%;

	z-index: 1000;

} 



img {

	width: 100%;

	max-width: 100%;

	height: auto;

	vertical-align: middle;

}



footer {

	padding: 20px 30px;

	background-color: #745222;

}



body {

	margin-left: auto;

	margin-right: auto;

	background-color: #745222;

}



h4 {

	font-size: 16px;

	font-weight: normal;

	margin-bottom: 15px;

	color: #FEFAFC;

}



h5 {

	font-size: 16px;

	text-transform: uppercase;

	font-weight: 200;

	margin-bottom: 20px;	

}

h6 {

    font-size: medium; 

    color: #FFF7EB;

}



p {

	font-colour: #3D3428;

	font-size: 16px;

	font-weight: 400;

	margin-bottom: 15px;

}



h1 {

	font-size: 50px;

	font-weight: bolder;

	margin-top: 30px;

	margin-bottom: 30px;

	letter-spacing: 0.3em;

	color: "#C82327";

}



h2 {

	font-size: 30px;

	text-transform: uppercase;

	font-weight: 400;

	margin-bottom: 23px;

	letter-spacing: 0.55em;

}



h3 {

	font-size: 16px;

	text-transform: uppercase;

	font-weight: 400;

	margin-bottom: 20px;

	color: #3D3428;

	letter-spacing: 0.2em;

}



.img_med {

	width: 400px;

	height: auto;

	vertical-align: middle;

}



.style-logo {

	margin-left: auto;

	margin-right: auto;

	display: block;

	width: auto;

	height: auto;

}



.style-logo-chinese {

	margin-left: auto;

	margin-right: auto;

	display: block;

	align: center;

	width: auto;

	height: auto;

	border: thin solid #B50003;

	border-top-left-radius: 5px;

	border-bottom-left-radius: 5px;

	border-top-right-radius: 5px;

}

.style-nav ul {

	list-style-type: none;

}



.style-nav ul li a {

	text-decoration: none;

	color: #FFF;

	text-align: center;

	display: block;

	text-transform: uppercase;

	padding: 8px;

	

}



.hero {

	background-image: url(images/hero.png);
	background-size: cover;

	padding: 5px 0px 20px 0px;

	color: #FEFAFC;

	text-align: center;

}



.mc_embed_signup {

	background: #745222;

}



.FineContent {

	font-size: 16px;

	text-transform: none;

	font-weight: 200;

	margin-bottom: 20px;

	color: #211F1E;

}



.FineContentCream {

	font-size: 16px;

	text-transform: none;

	font-weight: 200;

	margin-bottom: 20px;

	color: #fadeb7;

}



.style2 {

	font-size: 16px;

	text-transform: none;

	font-weight: 200;

	margin-bottom: 20px;

	color: #211F1E;

}



.style3 {

	font-size: 20px;

	text-transform: uppercase;

	font-weight: 600;

	margin-bottom: 20px;

	color: #171410;

	letter-spacing: 0.2em;

}



.style1 {

	font-size: 14px;

	font-weight: 100;

	color: #FEFAFC;

}



.button {

	border: 2px #FFFFFF solid;

	padding: 8px 30px;

	border-radius: 30px;

	color: #FFFFFF;

	text-decoration: none;

}



.button_chinese {

	border: 2px #CF0407 solid;

	padding: 8px 20px;

	border-radius: 30px;

	color: #CF0407;

	font-weight: bolder;

	text-decoration: none;

	margin-top: 0px;

}

.button-mailchimp {

	border: 2px #FFFFFF solid;

	border-radius: 30px;

	color: #3D3428;

	text-decoration: none;

	background-color: #F7E7D0;

	font-size: 14px;

	padding-top: 4px;

	padding-right: 4px;

	padding-bottom: 4px;

	padding-left: 4px;

	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;

}



.info-box-tan {

	background-image: url(images/text_bulkwine.png);

	background-size: cover;

	background-color: #CC9A53;

	color: #FFFFFF;

	padding: 30px 20px 400px;

	text-align: center;

}



.info-box-tan-text {

	background-image: url(images/text_bulkwine_small.png);

	background-size: cover;

	background-color: #CC9A53;

	color: #FFFFFF;

	padding: 30px 20px 400px;

	text-align: center;

}



.info-box-dark {

	background-image: url(images/text_ownbrand.png);

	background-size: cover;

	background-color: #211F1E;

	color: #FFFFFF;

	padding: 30px 20px 400px;

	text-align: center;

}



.info-box-dark-bulk {

	background-image: url("images/text_on_brown.png");

	background-size: cover;

	padding: 20px 10px 20px 10px;

	text-align: center;

}

.info-box-barrels {

	background-image: url(images/bottling_projects.png);

	background-size: cover;

	padding: 20px 20px 30px 20px;

	color: #FFFFFF;

	text-align: center;

}



.info-box-bulk {

	background-image: url(images/bulk_wine.png);

	background-size: cover;

	padding: 20px 20px 30px 20px;

	color: #FFFFFF;

	text-align: center;

}



.info-box-chinese {

	background-size: cover;

	padding-top: 20px;

	padding-right: 20px;

	padding-left: 20px;

	padding-bottom: 20px;

	text-align: center;

	color: #00000;

	background-color: #FDF9E5;

}



.info-box-chinese-image {

	img-width: 20%;

	image-max-width: 20%;

	image-height: auto;

	image-vertical-align: middle;



}



.info-box-bulk-large {

	background-image: url(images/bulk_wine.png);

	background-size: cover;

	background-color: #211F1E;

	color: #FFFFFF;

	padding: 30px 20px 325px;

	text-align: center;

}



.register_detail {

	background-image: url(images/hero.png);

	background-size: cover;

	background-color: #211F1E;

	color: #000000;

	font-weight: bolder;  

	text-align: center;	

}



.register_highlight {

	font-size: 16px;

	text-transform: uppercase;

	font-weight: bolder;

	font-color: #C82327;

}



.footer-text {

	font-size: 13px;

	margin-bottom: 20px;

}



.col {

	width: 100%;

}



.row:before, .row:after {

	content: "";

	display: table;

	text-decoration: none;

}



.row:after {

	clear: both;

}

.img-thumbnail {

	max-width: 40px;

	margin-right: 25px;

	margin-top: 0px;

	margin-left: 25px;

	margin-bottom: 15px

		

}



.form-frame {

	width: 100%;

	background-color:#3D3428; 

    border: 10px ridge #FEFAFC;

    padding: .5rem;

    display: flex;

    flex-direction: column;

}



.form-frame img {

    width: 90%;

}



.form-frame p {

    font: small-caps bold 1.2rem sans-serif;

	font-size: 18px

}



.form-frame h3 {

	color: #C82327;

	font-size: 24px;

}

/*Tablet View*/



@media (min-width : 600px ){

	

	body {

		max-width: 778px;

	}

.title td {

}

main div table {

}

main div table {

}







	

	.style-nav ul li {

		display: inline-block;

	}

	

	.style-nav ul {

		text-align: center;

	}

	

	h1 {

		font-size: 30px;

		margin-bottom: 20px;

	}

	

	h2 {

		margin-bottom: 16px;

	}

	

	h3 {

		color: #FFB040;

	}

	h4 {

	font-size: 10px;

	font-weight: normal;

	margin-bottom: 15px;

	color: #FEFAFC;

	}

	

	h5 {

	font-size: 10px;

	text-transform: uppercase;

	font-weight: 200;

	margin-bottom: 20px;	

}



	.col-md-one-half {

		width: 50%;

	}

	

	.col {

		float: left;

		padding: 0px 7px 14px;

	}

	.form-frame h3 {

	font-size: 30px;

}

}



/*Desktop View*/



@media (min-width: 1200px){

	

	body {

		max-width: 1800px;

	}

	

	h1 {

		font-size: 50px;

		margin-bottom: 30px;

	}

	

	h2 {

	font-size: 40px;

	}

	

	h3 {

		color: #FFB040;

	}

	

	h4 {

	font-size: 16px;

	font-weight: normal;

	margin-bottom: 15px;

	color: #FEFAFC;

	}

	

	h5 {

	font-size: 16px;

	text-transform: uppercase;

	font-weight: 200;

	margin-bottom: 20px;	

}



	.style-logo {

		float: left;

	}

	

	.style-logo-chinese {

		float: left;

	}

	

	.style-nav {

		float: right;

		color: #FFF;

	}

	

	.col-lg-one-fourth {

		width: 25%;

		text-align: center;

	}

	.form-frame h3 {

	font-size: 30px;

	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;

	}

	

	.form-frame p {

		font-size: 24px;

	}

}

.img_med {

}