html {
    height: 100%;

}

.landing-page-bg {
    background-image: url(../images/content/wine-labels/wine-labels-background2.jpg);
    background-position: center; /*Positioning*/
    background-repeat: no-repeat; /*Prevent showing multiple background images*/
}

body {
    background-size: cover;
    background-color:#3b3b3c;
    height: 100%;

    font-family: 'Montserrat',sans-serif !important;
    font-weight: 300 !important;
    scroll-behavior: smooth;
}

.padding-none {
    padding: 0 !important;
}

.padding-bottom-10 {
    padding-bottom: 10px !important;
}

.padding-bottom-15 {
    padding-bottom: 15px !important;
}

.padding-bottom-20 {
    padding-bottom: 20px !important;
}

.padding-bottom-30 {
    padding-bottom: 30px !important;
}

.padding-bottom-40 {
    padding-bottom: 40px !important;
}

.padding-bottom-60 {
    padding-bottom: 60px !important;
}


.padding-top-10 {
    padding-top: 10px !important;
}

.padding-top-20 {
    padding-top: 20px !important;
}

.padding-top-40 {
    padding-top: 40px !important;
}

.padding-top-60 {
    padding-top: 60px !important;
}


label {
    display: none !important;
}

.form-group .col-lg-5 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
}

.form-group .offset-md-4 {
    margin-left: 0!important;
}

.background-faded-black {
    background-color: rgba(0,0,0,0.6);
    height: 100%;
    width: 100%;
}

.background-faded-white{
    background-color: rgba(255, 255, 255, 0.5);
}

input.button {
    opacity: .9;
    background: #bb2a4c;
    background: linear-gradient(90deg,#bb2a4c 0,#ab1b3c 50%,#971834 100%);
    color: #fff;
}

#flashMessages {
    display: flex;
    align-items: center;
    justify-content: center;
}

#flashMessages .container {
    position: absolute;
    top: 150px;
    z-index: 1;
}

.top-menu {
    top: 0;
}

.text-black {
    color: black !important;
}

.nav-link.active {
    border-bottom: 1px solid black !important;
    border-bottom-color: black !important;
    background-color: inherit !important;
    border: 1px solid transparent;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-left-color: transparent !important;
}

.contact-form, .contact-form-label {
    width: 350px
}


@media (max-width: 992px) {

    .lead {
        font-size: 1.0rem;
    }

    .h1, h1 {
        font-size: 1.5rem;
    }

    .h2, h2, .h3, h3 {
        font-size: 1.25rem;
    }

}

@media (max-width: 768px) {

    /*.store-link {*/
    /*    width: 170px !important;*/
    /*}*/

    /*.about-ml, .advantages {*/
    /*    height: 125px;*/
    /*    overflow: auto;*/
    /*}*/

    /*.advantages {*/
    /*    padding-left: 15px !important;*/
    /*}*/

    /*.store-buttons a, .store-buttons span {*/
    /*    font-size: .75rem;*/
    /*}*/


}


@media (max-width: 768px) and (max-height: 1250px)  {

    .about-ml, .advantages {
        height: auto;
        overflow: auto;
    }

    body {
        background-size: inherit !important;
        height: auto !important;
    }

    .store-buttons {
        position: relative !important;
    }

    #wrapper>.container.d-flex {
        display: block !important;
    }
}


@media (max-width: 768px) {

    .contact-form, .contact-form-label {
        width: 100% !important;
    }
}

.smaller {
    font-size: 65%;
}

.small-ingredients {
    font-size: 85%;
}

.error.alert {
    background: rgba(255, 193, 7, 1);
    color: black;
    font-weight: bold;
}

.success {
    background: rgba(40, 167, 69, .8);
    color: black;
    font-weight: bold;
}

@media (max-height: 1000px) {

    .top-menu {
        display: none !important;
    }

    #wrapper>.container.d-flex {
        align-items: flex-start !important;
    }


    .lead {
        font-size: 1.0rem;
    }


    /*.store-buttons .container {*/
    /*    max-width: 100% !important;*/
    /*}*/

    /*.store-buttons .container .d-flex   {*/
    /*    display: block !important;*/
    /*}*/
}


@media (min-width: 992px) and (max-height: 1000px)  {

    .phone-images {
        max-width: 25% !important;
        flex: 0 0 25% !important;
    }

    .tab-content-container {
        max-width: 75% !important;
        flex: 0 0 75% !important;
    }

    .lead {
        font-size: 1.0rem;
    }

    .h1, h1 {
        font-size: 1.5rem;
    }

    .h2, h2, .h3, h3 {
        font-size: 1.25rem;
    }
}

@media (max-width: 280px) {


    .nav-link {
        font-size: .85rem;
        padding: 0.5rem 0.5rem;
    }

    /*.store-link {*/
    /*    width: 120px !important;*/
    /*}*/
}


.fade:not(.show) {
    display: none !important;
}

.bg-none {
    background: none !important;
}

.text-shadow {
    text-shadow: 1px 2px 3px #202020;
}

.store-link {
    /* background: #2BC49C; */
    color: white;
    width: 180px;
    padding: 0;
}

.store-buttons {
    bottom: 0;
}

.store-buttons a {
    text-decoration: none;
    color: white;
}



/* nutritional values */

.nv-container {
    width: 350px;
    padding: 20px;
    margin: 10px;
    padding-top: 20px;
}

.with-border {
    border: 1px solid black !important;/
}

.nv-container-inner {
    padding: 20px;
}

.nv-border-heavy {
    border-width: 4px;
}

.value {
    color: black !important;
}

.name .unit {
    text-transform: initial !important;
}



.leaders {
    max-width: 40em;
    padding: 0;
    overflow-x: hidden;
    list-style: none
}

table.leaders {
    width: 100%;
    overflow: hidden;
}

.leaders .attributesRight > div:before, .leaders .attributesLeft > div:before, .leaders tr td > div:not(.no-dots):before {
    padding-top: 2px;
    padding-bottom: 2px;
    float: left;
    width: 0;
    white-space: nowrap;
    content: ". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . "
}

.leaders div:first-child, .leaders tr td div:first-child {
    padding-right: 0;
    background: #ffffff;
}

.leaders .attributesRight > div, .leaders .attributesLeft > div, .leaders tr > div {
    margin-bottom: 4px;
}

.leaders .attributesRight > div div, .leaders .attributesLeft > div div,  .leaders tr td > div:not(.no-dots) div:not(.no-dots) {
    display: inline;
}

.leaders .value {
    font-size: 90%;
    display: inline !important;
    margin-right: 0;
}

.leaders .name {
    font-size: 90%;
    text-transform: uppercase;
    font-weight: bold;
}

.leaders .name a {
    font-size: 110% ;
    font-weight: normal;
    text-transform: none;
}

.leaders div.value {
    float: right;
    padding-left: 0.33em;
    background: white
}




/* nutritional values */