*{font-family: "mrs-eaves-roman-lining", serif;font-weight: 400;font-style: normal; color:#1E1B11;}
a, a:hover, a.hover, a:visited, a.visited{color: #997747 !important; text-decoration: none;}

.container.marketing{margin-top:4rem;}

@media screen and (max-width: 667px) {
    body {
        overflow-x: hidden !important;
    }
    .container {
        max-width: 100% !important;
        overflow-x: hidden !important;
    }
    .container.marketing{margin-top:2rem !important;}
    .featurette-divider{color: white;background-color: white;}
}




.featurette-headingx{font-size: 2em;}

.navbar-brand img{height:56px; }
main{margin-top:35px;}

@media (max-width: 768px) {
    .navbar-brand img{height:32px;}
    main{margin-top:11px;}
    }

header{text-align:center;}
header .navbar-brand{width:100%;}

table.tastingnotes{margin-bottom:12px;}
table.tastingnotes table.tastingnotes tr, table.tastingnotes tr td{border:none;}
table.tastingnotes tr td{padding:0px 3px;}


.carousel{margin-bottom: calc(0.04 * 100vw) !important;}

.carousel-item {
    /* height:calc(20rem + 100vw - 300px) !important;*/
    height:calc(0.66 * 100vw) !important;
    }

.carousel-item > img {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    /* min-height: 30rem; */
    height:auto !important;
}


.carousel-indicators{display: none !important;}

.featurette-divider{margin:2rem 0!important;}

@media (max-width: 680px) {
    .featurette-divider{margin:2rem 0!important;} 
    .carousel-itemx{ max-height:20rem !important; min-height:20rem !important; } 
    p.float-end{display:block; margin-top:2rem;}
    }

@media (max-width: 768px) {
    .featurette-divider{margin:2rem 0!important;} 
    .carousel-itemx{ min-height:30rem !important; max-height:16rem !important; } 
    p.float-end{display:block; margin-top:2rem;}
    }

@media (max-width: 992px) {
    .featurette-divider{margin:2rem 0!important;} 
    .carousel-itemx{ min-height:30rem !important; max-height:32rem !important; } 
    p.float-end{display:block; margin-top:2rem;}
}

@media (min-width: 993px) {
    .carousel-itemx{ min-height:600px !important; max-height:1000px !important; height:auto !important;}
    } 

.row.featurette.a{background-color: #af9776; background-color: #000000;}
.row.featurette.b{background-color: #d5c8b7; background-color: #000000;}
.row.featurette.black{background-color: #000000;}
.row.featurette.a .offset-image {border: 0.5px solid #af9776; border: 0px solid black;}
.row.featurette.b .offset-image {border: 0.5px solid #d5c8b7; border: 0px solid black;}

.row.featurette *{color:white !important;}

.offset-image {
        margin-top: 14px;
        margin-bottom: 14px;
    }

.featurette-divider{color:black; background-color: black;}

@media (max-width: 680px) {.featurette-divider{color:white !important; background-color: white !important;}}


.btn.buy-btn{border:1px solid white; border-radius: 0; opacity:100%; transition: opacity 200ms ease-in;}

.btn.buy-btn:hover, .btn.buy-btn.hover {border:1px solid white; opacity:50%; }

a.black, a.black:hover, a.black.hover, a.black:visited, a.black.visited{color:black !important;}

a {
  display: inline-block;
}

a::after {
  content: '';
  width: 0px;
  height: 1px;
  display: block;
  background: #997747;
  transition: 300ms;
}

a.white::after { background: white;}
a.black::after { background: black;}

a:hover::after {
  width: 100%;
}        

a.noslide:hover::after {
  width: 0%;
}        


.main h1{margin-top:2rem;}
.text-muted{font-size: 0.4em; display: block; margin-bottom:1em;}