@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700,800|Roboto+Slab:400,700,300,100);

body {
    font-family: "Roboto Slab",sans-serif;
    font-weight: 300;
    font-size: 2em;
    position: relative;
}
#featured .item{
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center center;
    width:100%;
    height:100%;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Open Sans",sans-serif;
    font-weight: 100;
    margin: 0;
}

.page {
    padding: 50px 0;
}

    .page h2 {
        text-align: center;
        margin-bottom: 30px;
    }

header .navbar {
    padding: 30px 0;
}

header .navbar-default {
    background-color: transparent;
    border: none;
}

    header .navbar-default .navbar-nav a {
        color: #F4811F;
        padding: 5px 8px;
    }

        header .navbar-default .navbar-nav a:hover {
            color: #EEC856;
        }

    /*.navbar-default .navbar-nav > li > a {
    color: #F4811F;
}*/

    header .navbar-default .navbar-nav .active a {
        color: #F4811F;
        font-weight: 700;
        background: transparent;
        border-bottom: 4px solid #f36f21;
        text-shadow: none;
    }

        header .navbar-default .navbar-nav .active a:hover {
            color: #FBAE1D;
            background: transparent;
            text-shadow: none;
        }

header .navbar-toggle {
    background-color: #F4811F;
}

header .navbar-default .navbar-toggle .icon-bar {
    background-color: #FFEA32;
}


header .navbar-brand {
    background: url("../images/ms.png");
    background-position: 15px 0;
    background-repeat: no-repeat;
    height: auto;
}

    header .navbar-brand h1 {
        color: orange;
        padding-left: 70px;
        font-weight: 400;
        font-size: 1.8em;
        margin: 0px;
    }

    header .navbar-brand span.subhead {
        display: block;
        font-family: "Roboto Slab", serif;
        font-size: .6em;
        font-weight: 100;
    }

@media only screen and (max-width:768px) {
    header .navbar-collapse.in {
        background-color: rgba(0,0,0,.5);
    }
}

/*Candies*/
#candies {
    background-color: #E4D29D;
    background-image: linear-gradient(to bottom,#5ccb6f,#1a9236);
    border-top: 20px solid rgba(238, 200, 86, .5);
}

    #candies img {
        display: block;
        width: 180px;
        margin: 0 auto;
        margin-bottom: 5px;
    }

.candy {
    margin: 20px 0;
    text-align: center;
}

    .candy h3 {
        margin-bottom: 10px;
    }
@media only screen 
and (min-width: 450px)
and (max-width: 768px) {
  .candy p {
    padding: 0 20%;
  }
}
/*Bon Vavit*/
#bon-vivats {
  background-color: #E4D29D;
  background-image: linear-gradient(to bottom, #E4D29D, #CDAE50);
  border-top: 20px solid #b98d07;
}

.bon-vivat {
  margin: 10px 0;
}

.bon-vivat h3 {
  font-weight: 600;
  font-size: 1.2em;
  color: #6F4E36;
  padding-bottom: 5px;
}

.bon-vivat p {
  font-size: .8em;
}

.bon-vivat img {
  width: 100%;
}
/*Bottles Page*/
#bottles {
  padding: 0;
}

#bottles h2 {
  display: none;
}

#bottles blockquote {
  margin: 0;
  padding: 0;
  border-left: none;
  min-height: 500px;
  position: relative;
}

#bottles blockquote .quote {
  background-color: rgba(255,255,255,.6);
  padding: 20px 5%;
  position: absolute;
  bottom: 0;
  width: 75%;
  font-weight: 400;
  border-radius: 0 50px 0 0;
}

#bottles blockquote .quote:hover {
  background-color: rgba(239,240,196,.9);
}

#bottles #malta {
  background: url(../images/bottles/Malta.png) no-repeat center center;
  background-size: cover;
}

#bottles #bon-vivant-cola {
  background: url(../images/bottles/bon-vivant-cola-post.png) no-repeat center center;
  background-size: cover;
}

#bottles #cola {
  background: url(../images/bottles/Cola.png) no-repeat center center;
  background-size: cover;
}

#bottles #lemon {
  background: url(../images/bottles/Lemon-up.png) no-repeat center center;
  background-size: cover;
}

#bottles .quote {
  font-size: 1.2em;
  line-height: 110%;
  font-weight: 400;
}


#bottles .quote .more, #bottles .customer {
  opacity: 0;
  font-size: 0;
  line-height: 0;
  padding-top: 10px;
}


#bottles .quote:hover .more {
  font-family: "Open Sans", sans-serif;
  font-weight: 100;
  display: block;
  opacity: 1;
  font-size: .8em;
  line-height: 120%;
}

#bottles .quote:hover .customer {
  display: block;
  font-size: .7em;
  text-align: right;
}

#bottles .quote .intro::after {
  content: '...';
}

#bottles .quote:hover .intro::after {
  content: '';
}
/*footer navigation*/
footer{
    background-color:orangered;
    padding:20px;
}