body {
    font-family: 'PT Sans';
    color: #2D2D2B;
}

.bg-header {
    background: url(../img/bg-header.png);
    border-bottom: 4px solid #FFFFFF;
}

.barra-home {
    min-height: 160px;
    background: url(../img/bg-bar-home.png);
    color: #FFFFFF;
    font-family: 'PT Sans';
    padding: 40px;
}

#menu-topo {
    height: 134px;
    font-family: 'PT Sans';
}

#menu-topo ul li a {
    text-transform: uppercase;
    font-size: 1.1em;
    color: #FFFFFF;
}

.menu-full #menu-topo ul li a {
    color: #46928A;
}

#menu-topo ul li {
    margin-left: 40px;
}

.menu-full {
    position: fixed;
    z-index: 3;
    height: 100%;
    top: 0;
    left: 0;
    background: #FFFFFF;
    width: 100%;
}

.cs-hidden {
    height: 1px;
    opacity: 0;
    filter: alpha(opacity=0);
    overflow: hidden;
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
    background: #FFFFFF;
}

.hamburger--spring.is-active .hamburger-inner::before,
.hamburger--spring.is-active .hamburger-inner::after {
    background: #46928A;
}

.hamgurger-icon-full {
    z-index: 4;
}

.menu-fixo {
    position: fixed;
    height: 116px;
    top: 0;
    background: white;
    z-index: 100;
    -webkit-box-shadow: 0px 4px 2px 0px rgba(0, 0, 0, 0.22);
    -moz-box-shadow: 0px 4px 2px 0px rgba(0, 0, 0, 0.22);
    box-shadow: 0px 4px 2px 0px rgba(0, 0, 0, 0.22);
}

#hamburger-icon {
    z-index: 4;
    position: relative;
    margin-top: 25px;
}

.header-mobile {
    padding: 20px 20px;
}

#menu-topo ul li a,
#menu-topo ul li {
    transition: all .2s ease-in-out;
}

#menu-topo ul li a:hover {
    color: #333333;
}

#menu-topo ul li.compre-online {
    background: #FFFFFF;
}

#menu-topo ul li.compre-online a {
    color: #333333;
    font-weight: bold;
}

#menu-topo ul li.compre-online:hover {
    opacity: 0.8;
}

.banner-home img,
.banner-descubra img {
    max-width: 100%;
}

.barra-home .titulo {
    font-size: 1.8em;
}

.barra-home .subtitulo {
    font-size: 1.4em;
}

.btn-conheca-cachacas {
    background: #FFFFFF;
    padding: 20px 40px;
    color: #092737;
    font-weight: bold;
    font-size: 1.2em;
    text-transform: uppercase;
    transition: all .2s ease-in-out;
    box-sizing: border-box;
    box-shadow: 0;
}

.btn-conheca-cachacas:hover {
    -webkit-box-shadow: inset 0px -6px 0px 0px #092737;
    -moz-box-shadow: inset 0px -6px 0px 0px #092737;
    box-shadow: inset 0px -6px 0px 0px #092737;
    text-decoration: none;
    color: #092737;
}

.box-cachacas {
    background: #ececec;
    padding: 70px 0;
}

.card-produto {
    border: 4px solid #a6937d;
    background: #FFFFFF;
    margin: 10px;
    width: 222px;
    display: inline-block;
    transition: all .2s ease-in-out;
}

.card-produto:hover {
    border: 4px solid #70a466;
}

.card-produto img {
    max-width: 100%;
}

.card-produto-texto {
    padding: 6px;
}

.card-produto-divider {
    height: 6px;
    border-bottom: 1px dashed #70A466;
}

.card-produto-valor {
    color: #70A466;
}

.card-produto a,
.card-produto a:visited {
    text-decoration: none;
    color: #343235;
}

.historia-tradicao {
    color: #FFFFFF;
    background: url(../img/bg-historia-tradicao.png);
    border-bottom: 10px solid #46050D;
}

.box-produzindo {
    color: #FFFFFF;
    background: #285149;
    border-bottom: 10px solid #41877C;
}

.conteudo-produzindo {
    padding: 60px 20px;
}

.conteudo-tradicao {
    padding: 60px 20px;
}

.conteudo-tradicao h1,
.conteudo-produzindo h1 {
    font-style: italic;
}

.historia-tradicao .titulo,
.box-produzindo .titulo {
    margin-bottom: 60px;
}

.box-cards {
    margin: 60px 0;
}

.endereco {
    color: #646464;
    font-weight: bold;
}

.box-endereco {
    padding: 40px;
}

.footer {
    padding: 100px 0;
    background: #111d13;
}

.box-nossa-historia {
    background: #ececec;
    padding: 70px 0;
}

.box-nossa-historia .bottom,
.conteudo-tradicao .bottom,
.box-produzindo .bottom {
    margin: 0 auto;
    height: 8px;
    width: 140px;
    background: #4D040D;
    margin-top: 20px;
    margin-bottom: 50px;
}

.conteudo-tradicao .bottom,
.box-produzindo .bottom {
    background: #FFFFFF;
}

.box-nossa-historia p {
    font-weight: bold;
    font-size: 1.2em;
    color: #4A4A4A;
    text-shadow: 1px 1px 1px #FFFFFF;
}

.interna-historia img,
.box-produzindo img {
    max-width: 100%;
}

.interna-historia p,
.box-produzindo p {
    font-size: 1.2em;
}