/* Sitew */
body {font-family: 'Droid Serif', serif; color:#231f20; background-color:#ffffff;}
h1, h2, h3, h4, h5, h6 {font-family: 'Oswald', sans-serif; text-transform: uppercase;}
p {line-height: 1.6; margin-bottom: 20px; font-size: 14px;}
a {color:#ffffff;}
a:hover {color:#d3d3d3; text-decoration:none;}
.btn-primary , .btn-primary:focus{background-color:transparent; border-color:#B51129; margin: .5em 0; color:#B51129; transition-property: background; transition-duration: 1s; transition-timing-function: linear;}
.btn-primary:hover {background-color:#B51129; border-color:#B51129; color:#FFFFFF;}

/* Navigation */
.logoforwhite img {padding: 1em;}
.animated-arrow span {width:22px;}
.callusicon {top: 5px;}

/* Sections */
#home .jumbotron {height: 100vh;}
#home .content-wrap {padding-bottom: 10em; margin-top:-10em; z-index: 1;}
#home h1 {margin: 1em auto;}
#home p {margin: 1em auto;}

#wines {background-color: #231f20; min-height: 100vh;}
#wines .wine-wrap {padding-left: 0 !important; padding-right: 0 !important; padding-top: 5em;}
#wines .wine-wrap h2 {padding: 1em 0; width: 50%; margin: 0 auto; text-transform: lowercase; letter-spacing: 2px; font-weight: 400;}
#wines .wine-wrap h2.pinot {background-color: #000000; color: #ffffff;}
#wines .wine-wrap h2.chardonnay {background-color: #ffffff; color: #231f20;}
#wines .wine-wrap h2.redwine {background-color: #991717; color: #ffffff;}

#contact .jumbotron {margin-bottom: 0; height: 100vh; padding-top: 15em;}
#contact .jumbotron h1, #contact .jumbotron p {background-color: #231f20; color: #ffffff; padding: 1em 0; margin: .5em auto;}
#contact .jumbotron h1 {width: 75%;}
#contact .jumbotron p {padding: 1em;}

@media only screen and (min-width : 992px) {
	.smllogo img {max-width: 400px;}
}

@media only screen and (max-width : 992px) {
	.smllogo img {max-width: 200px;}
	.animated-arrow span:before {content: ''}
	#wines .wine-wrap img {margin-bottom: 1em;}
	#wines .wine-wrap h2 {margin-bottom: 2em;}
	#wines .wine-wrap h2.last {margin-bottom: 5em;}
	#home .jumbotron {z-index: 1 !important;}
	#home .content-wrap, #contact .jumbotron {padding-top: 5em;}
}

@media only screen and (max-width : 768px) {
	#home .content-wrap, #contact .jumbotron {padding-top: 8em;}
	#home .content-wrap {margin-top: -15em;}
}