html {
        background-color: #B59958;
    }
    
    body {
        background-color: white;
        /* background-image: url('../img/background.jpg'); */
        height: 100%;
    }
    
    body a {
        text-decoration: none;
        color: inherit;
    }
    
    body a:hover {
        color: #AB173A;
    }
    
    .sangria {
        margin-left: 20px
    }
    
    .btn-success {
        background-color: #06A77D!important;
        border-color: #676767!important;
    }
    
    .btn-danger {
        background-color: #AB173A;
        border-color: #676767!important;
    }
    
    .btn-warning {
        background-color: #B59958!important;
        border-color: #676767!important;
        color: white!important;
    }
    
    .btn-warning:hover {
        background-color: #676767!important;
    }
    
    #fix-body {
        /* background-color: blue; */
        height: 114px;
    }
    
    article h2 {
        color: #676767;
        text-transform: uppercase;
        font-weight: 400;
    }
    
    .color-heart {
        color: #B59958;
    }
    
    .color-wine {
        color: #AB173A;
    }
    
    .acompanan-img {
        max-width: 217px;
    }
    
    footer {
        padding: 10px;
        background-color: #B59958;
        color: white;
    }
    
    footer a {
        font-weight: bold;
    }
    /* HEADER */
    
    header {
        /* margin-top: 114px; */
    }
    
    header.masthead {
        /* padding-top: 114px!important; */
        background-image: url(../img/headers/h2f2.jpg);
        color: white;
        background-position: center;
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-size: cover;
        transition: 2s;
    }
    /* NAVBAR */
    
    nav {
        background-color: white;
        /* background-image: url(../img/background.jpg); */
        /* border-bottom: solid 2px #B69A5A; */
        border-bottom: solid 2px #AB173A;
    }
    
    .navbar {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    /* Float Shadow - Animation underline */
    
    .hvr-float-shadow {
        display: inline-block;
        vertical-align: middle;
        -webkit-transform: perspective(1px) translateZ(0);
        transform: perspective(1px) translateZ(0);
        box-shadow: 0 0 1px rgba(241, 0, 0, 0);
        position: relative;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: transform;
        transition-property: transform;
    }
    
    .hvr-float-shadow:before {
        pointer-events: none;
        position: absolute;
        z-index: -1;
        content: '';
        top: 100%;
        left: 5%;
        height: 10px;
        width: 90%;
        opacity: 0;
        background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
        background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: transform, opacity;
        transition-property: transform, opacity;
    }
    
    .hvr-float-shadow:hover,
    .hvr-float-shadow:focus,
    .hvr-float-shadow:active {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }
    
    .hvr-float-shadow:hover:before,
    .hvr-float-shadow:focus:before,
    .hvr-float-shadow:active:before {
        opacity: 1;
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
    }
    
    .hvr-underline-from-left:before {
        content: "";
        position: absolute;
        z-index: -1;
        left: 0;
        right: 100%;
        bottom: 0;
        background: #AB173A;
        height: 4px;
        -webkit-transition-property: right;
        transition-property: right;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }
    
    .hvr-underline-from-left {
        display: inline-block;
        vertical-align: middle;
        -webkit-transform: perspective(1px) translateZ(0);
        transform: perspective(1px) translateZ(0);
        box-shadow: 0 0 1px rgba(0, 0, 0, 0);
        position: relative;
        overflow: hidden;
    }
    
    .hvr-underline-from-left:hover:before,
    .hvr-underline-from-left:focus:before,
    .hvr-underline-from-left:active:before {
        right: 0;
    }
    
    .zoomer {
        transform-origin: center;
        transition: .4s;
        z-index: 0!important;
    }
    
    .zoomer__inner,
    .zoomer__inner:hover {
        text-decoration: none;
    }
    
    .zoomer:hover {
        transform: scale(1.05);
        z-index: 10;
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    }