@font-face {
    font-family: WorstveldHand;
    src: url(../fonts/WorstveldHand.otf) format('opentype');
    font-weight: normal;
    font-style: normal;
}
.font-custom {
    font-family: WorstveldHand;
}
html, body {
    overflow-x: hidden;
    max-width: 100vw;
}
body {
    background-color: rgba(44, 175, 165, 1);
    margin: 0;
    padding: 0;
    font-family: Lato;
    font-weight: 400;
}
#content {
    position: relative;
    z-index: -101;
}
#top-wrap-outer {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-image: radial-gradient(#8FD5CF, #058279);
    position: relative;
    /*min-height: 28em;*/
    z-index: -100;
}
#top-wrap {
    padding-top: 1em;
    background-image: url("../../images/leaf-left.svg"), url("../../images/leaf-right.svg");
    background-repeat: no-repeat, no-repeat;
    background-size: 35%, 35%;
    background-position: center left, center right;
}
#banner {
    padding-top: 1em;
}
.banner-head {
    color: white;
}
.banner-head-top, .banner-head-bottom {
    text-transform: uppercase;
    line-height: 1em;
}
.banner-head-top {
    font-size: 2.0em !important;
}
.banner-head-bottom {
    font-size: 1.4em !important;
}
.banner-subhead {
    border-top: 2px solid white;
    margin-top: 0.5em;
    padding-top: 0.35em;
    font-size: 1.0em !important;
}
.btn-primary, .read-more {
    color: #058279;
    background: #EACE99;
    border: none;
}
.btn-primary:hover, .read-more:hover {
    background: #058279;
    color: #EACE99;
}
.read-more {
    display: inline-block;
    padding: 0em 1em 0;
    text-transform: uppercase;
    margin-top: 0.5em;
}

.font-biggest {
    font-size: 2.2em;
    line-height: 1em;
}
.font-big {
    font-size: 2em;
    line-height: 1.1em;
}
.font-medium {
    font-size: 1.45em;
    line-height: 1.1em;
}
.font-small {
    font-size: 1.15em;
    line-height: 1.1em;
}
.icon-heart {
    max-width: 10em;
    margin-bottom: 1em;
}
#logo-top {
    width: 6em;
}
.max-50vh {
    max-height: 50vh;
}
#botella2 img {
    max-height: 18em;
}
#botella3 img {
    max-height: 25em;
}
/* md */
@media (min-width: 768px) {
    #botella3 img {
        max-height: 18em;
    }
    .font-biggest {
        font-size: 2.1em;
        line-height: 1em;
    }
    .font-big {
        font-size: 2.2em;
        line-height: 1.1em;
    }
    .font-medium {
        font-size: 1.5em;
        line-height: 1.1em;
    }
    .font-small {
        font-size: 1.25em;
        line-height: 1.1em;
    }
    .max-70vh-md {
        max-height: 65vh;
    }
    #logo-top {
        width: 12em;
        margin-bottom: 0;
    }
    .banner-head-top {
        font-size: 3.2em !important;
    }
    .banner-head-bottom {
        font-size: 2.3em !important;
    }
    .banner-subhead {
        font-size: 1.3em !important;
    }
    .read-more, .btn {
    }
    .font-weight-md-bold {
        font-weight: bold !important;
    }
}
.container-text-maxwidth {
    margin: 0 auto;
}
.max-50vw {
    max-width: 50vw;
}
/* lg */
@media (min-width: 992px) {
    #botella3 img {
        max-height: 25em;
    }
    .two-columns {
        column-count: 2;
        column-gap: 3em;
        -webkit-column-gap: 3em; /* Chrome, Safari, Opera */
        -moz-column-gap: 3em; /* Firefox */
    }
    .container-text-maxwidth {
        max-width: 70vw !important;
        /*
        column-count: 2;
        text-align: justify !important;
        */
    }
}
@media (min-width: 1400px) {
    .container-text-maxwidth {
        max-width: 1200px !important;
    }
}
@media (min-width: 1700px) {
    .container {
        max-width: 1350px;
    }
}
@media (min-width: 1920px) {
    footer {
        font-size: 1.7em;
    }
    div.header {
        font-size: 1.3em;
    }
    .font-biggest {
        font-size: 4em;
    }
    .font-big {
        font-size: 2.4em;
        line-height: 1.1em;
    }
    .font-medium {
        font-size: 2.2em;
        line-height: 1.1em;
    }
    .font-small {
        font-size: 1.85em;
        line-height: 1.1em;
    }
    .banner-head-top {
        font-size: 4.5em !important;
    }
    .banner-head-bottom {
        font-size: 3em !important;
    }
    .banner-subhead {
        font-size: 1.8em !important;
    }
    .read-more, .btn {
        font-size: 1.8em !important;
        padding: 0.2em 1em 0;
    }
    .icon-heart {
        max-width: 13em;
    }
    .container {
        max-width: 1720px;
    }
}

.nopadding {
    padding: 0 !important;
    margin: 0 !important;
}
#botella {
    /*
    background-image: url(../../images/cafebucha-botella.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    */
    z-index: -1 !important;
}
#botella img {
    margin-bottom: -8em;
}
#botella3 img {
    margin-bottom: -4em;
}
footer div.container {
    /*
    background-image: url(../../images/kombucha-logo-yellow.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center left;
    */
}
#wave1 {
    margin-top: -3em;
    z-index: 99;
}
#wave2 {
    margin-top: -3em;
    z-index: 3;
}
.section-move-up {
    margin-top: -2em;
    z-index: 3;
}
#sectionNuevaExperiencia {
    background: #8FD5CF;
    z-index: 3;
    min-height: 20em;
    padding: 2em 0;
}
footer {
    background: black;
    color: #EACE99;
}
footer hr {
    border-top: 1px solid #EACE99;
}
footer .btn {
    font-size: 3.5em;
}
footer .logo {
    max-width: 50%;
}
footer a.btn, footer a.btn:hover {
    color: #EACE99 !important;
    border-bottom: none !important;
}
.fg-teal {
    color: #2CAFA5;
}
.bg-teal {
    background-color: #2CAFA5;
}
.fg-teal-light {
    color: #8FD5CF;
}
.bg-teal-light {
    background-color: #8FD5CF;
}
.fg-teal-super-light {
    color: #d5efed;
}
.bg-teal-super-light {
    background-color: #d5efed;
}
.fg-teal-dark {
    color: #058279;
}
.bg-teal a:not(.btn) {
    color: #ffc594 !important;
}
.fg-teal-dark a {
    color: #f15a24 !important;
}
.bg-teal-dark {
    background-color: #058279;
}
.fg-yellow {
    color: #EACE99;
}
a.fg-yellow {
    /*border-bottom: 1px dotted #EACE99;*/
}
a.fg-yellow:hover {
    /*border-bottom: 1px solid #EACE99;*/
}
.bg-yellow {
    background-color: #EACE99;
}
.bg-black {
    background-color: #000000;
}
p {
    line-height: 1.1em;
}
#kombuchaConsciente {
    background-image: url("../../images/leaf-left.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center left;
}
#sectionBlack {
    background-image: url("../../images/leaf-left.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
#ubuntuText, #elaboracionText, #ingredientesText {
    background-image: url("../../images/leafs-top.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center top;
}
#sectionCalidad {
    background-color: #7acbc5;
    background-image: url(../../images/cafebucha-calidad-photo.jpg);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: top left;
}
.carousel-item {
    min-height: 10em;
}
.btn {
    margin-bottom: 0.2em !important;
}
.titlebar {
    padding-top: 1.5em;
    padding-bottom: 1em;
    line-height: 1em;
}
#sellos {
}

.prod-sqr {
    border:3px solid #8FD5CF; border-radius: 12px; padding:10px; margin:5px; background:#058279; cursor:pointer; opacity:0.9;
}

.prod-sqr:hover {
    opacity:1;
}