.view,body,html {
    height: 100%
}

.carousel {
    height: 50%
}

.carousel .carousel-inner,.carousel .carousel-inner .active,.carousel .carousel-inner .carousel-item {
    height: 100%
}

@media (max-width: 776px) {
    .carousel {
        height:100%
    }
}

@media (max-width: 320px) {
    canvas {
      max-width: 250px;
    }
}





/*.navbar.scrolling-navbar .container-fluid,
.navbar.scrolling-navbar {
    display: none;
}

.navbar.scrolling-navbar.top-nav-collapse .container-fluid,
.navbar.scrolling-navbar.top-nav-collapse {
    display: block;
}*/

.navbar {
    box-shadow: none;
}


.navbar.scrolling-navbar a.navbar-brand.waves-effect {
    display: none;
}

.navbar.scrolling-navbar.top-nav-collapse a.navbar-brand.waves-effect {
    display: block;
    font-family: 'Prata', serif;
    text-transform: uppercase;
    font-weight: 600;
}

@media (min-width: 300px) {
    .navbar.scrolling-navbar.top-nav-collapse {
        padding-top: 15px;
        padding-bottom: 5px;
        background-color: #fff !important;
        box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    }
}

h1.pink-text {
    font-weight: 300;
    font-family: 'Pacifico', cursive;
    font-size: 550%;
    font-style: italic;
    color: #D41818 !important;
}


h2.card-title {
   font-weight: 600;
   font-family: 'Prata', serif;
   color: #D9AF4B;
   font-size: 250%;
   text-transform: uppercase;
}

#bg.card-image p {
    color: #D9AF4B;
    font-size: 135%;
    font-weight: 400;
}


#formular {
    margin-bottom: -400px;
}

h3 span.meniul {
    font-weight: 600;
    font-family: 'Prata', serif;
    font-size: 200%;
    color: #D9AF4B !important;
}
h3 span.meniul_little {
    color: #D9AF4B;
    font-size: 100%;
    font-weight: 400;
    text-decoration: overline;
}
h3 span.meniul-persoane {
    font-weight: 600;
    font-family: 'Prata', serif;
    /*font-size: 133%;*/
    font-size: 110%;
    color: #000000 !important;
}

.form-row .form-group span.span-weight {
    font-weight: 600;
    color: #000000 !important;
    font-size: 125%;
}


.form-row .form-group span.span-color {
    font-weight: 600;
    color: #D41818 !important;
}


p.h2-responsive {
    font-family: 'Prata', serif;
    font-weight: 600;
    /*font-size: 155%;*/
    /*font-size: 130%;*/
    font-size: 120%;
}

#mix {
    font-family: 'Prata', serif;
    font-weight: 600;
    font-size: 80% !important;
}

.align-bottom {
    vertical-align: bottom!important;
    padding-top: 82px;
    position: absolute;
}


a.btn.btn-pink {
   font-weight: 600;
   font-family: 'Prata', serif;
   color: #fff;
   font-size: 132%;
   border-radius: 10em/1.5em;
   height: 70px;
   padding: 23px;
   background-color: #D41818 !important;
}

.red-text {
    color: #D41818!important;
}

.page-footer {
    background-color: #929FBA
}


.card-header h1 {
    /*font-size: 1.75rem;*/
    font-weight: 400;
    margin-top: 0;
    line-height: 1.2;
}

.card-body.dotted-lines .inner h2 {
    /*font-size: 1.5rem;*/
    font-weight: 300;
    margin-bottom: .5rem;
    margin-top: 0;
    line-height: 1.2;
}

.card-body.dotted-lines:before {
    top: 4.2rem;
}
.card-body.dotted-lines:after {
    bottom: .6rem;
}
.card-body.dotted-lines:before, .card-body.dotted-lines:after {
    content: '';
    position: absolute;
    left: 2px;
    right: 0;
    border-top: 2px dotted #eee;
    pointer-events: none;
    margin-left: 8px;
    margin-right: 9px;
}
.inner .row {
    padding-bottom: 1rem
}
p.price {
    margin-bottom: .7rem;
    margin-top: 0.4rem;
    line-height: 1.2;
}
p.title-description,
p.price-description {
    margin-bottom: .5rem;
}


.card-body.dotted-lines .inner:before {
    z-index: 2;
    top: 0rem;
    bottom: 0rem;
    border-left: 2px solid #fff;
}
.card-body.dotted-lines .inner:after {
    z-index: 1;
    top: 0rem;
    bottom: 0rem;
    border-right: 2px solid #fff;
}
.card-body.dotted-lines .inner:before,.card-body.dotted-lines .inner:after {
    content: '';
    position: absolute;
    border-right: 2px dotted #eee;
    pointer-events: none;
    margin-top: 68px;
    margin-bottom: 9px;
}
.card-body.dotted-lines .inner:before {
    right: 0.6rem;
}
.card-body.dotted-lines .inner:after {
    left: 0.6rem;
}



#bg {
    background: url(../img/backgrounds/meniu-de-paste-5.png) no-repeat center top;
    /*background-size: contain;*/
    /*height: 93vh;*/
}

#bg-footer {
    /*background: url(../img/backgrounds/meniu-de-paste-footer.png) no-repeat center bottom; */
    background: url(../img/backgrounds/meniu-de-paste-footer.png) no-repeat center bottom; 
    /*background-size: contain; */
    /*height:106vh;*/
    height:600px;
}

#bg #main-background {
    /* padding-top: 17% !important; */
    padding-top: 17% !important;
}

#bg-footer #main-background-footer {
    padding-bottom: 20% !important;
}


#desk-tab-2 {
    padding-top: 150px
}

#desk-tab-2 #img-desk-tab-2 img {
    width: 255px
}


#desk-tab-3,
#mobile-3 {
    padding-top: 10vh;
    padding-bottom: 10vh
}

#img-desk-tab-2 p.h2-responsive {
    /*font-size: 145%;*/
    font-size: 130%;
}

#img-desk-tab-2 p.h2-responsive span,
#img-mobile-tab-2 p.h2-responsive span {
    color: #D41818 !important;
    font-weight:600;
}

.pad-top-60-mar-bot-40 {
    padding-top: 60px;
    margin-bottom: -40px;
}

.h1-responsive {
    font-size: 150%
}

.h2-responsive {
    font-size: 145%
}

.h3-responsive {
    font-size: 135%
}

.h4-responsive {
    font-size: 135%
}

.h5-responsive {
    font-size: 135%
}



label#inputMenu,
label#inputMenuAdaugator {
    font-weight: 600;
}


#comenzi-si-livrare p {
    font-weight: 600;
}

#comenzi-si-livrare span {
    color: #D41818 !important;
}



/* responsive */

/* @media(min-width: 1440px) {
    #bg #main-background {
        padding-top: 22% !important;
    }
} */

@media(min-width: 1200px) {
    .h1-responsive {
        font-size:250%
    }

    .h2-responsive {
        font-size: 200%
    }

    .h3-responsive {
        font-size: 170%
    }

    .h4-responsive {
        font-size: 140%
    }

    .h5-responsive {
        font-size: 125%
    }
}

/* @media(min-width: 1024px) {

    #bg #main-background {
        padding-top: 30% !important;
    }

} */

@media(min-width: 992px) {
    .h1-responsive {
        font-size:200%
    }

    .h2-responsive {
        font-size: 170%
    }

    .h3-responsive {
        font-size: 140%
    }

    .h4-responsive {
        font-size: 125%
    }

    .h5-responsive {
        font-size: 125%
    }

}


@media(min-width: 768px) {
    .h1-responsive {
        font-size:200%
    }

    .h2-responsive {
        font-size: 170%
    }

    .h3-responsive {
        font-size: 140%
    }

    .h4-responsive {
        font-size: 125%
    }

    .h5-responsive {
        font-size: 125%
    }



}



@media(min-width: 576px) {
    .h1-responsive {
        font-size:170%
    }

    .h2-responsive {
        font-size: 140%
    }

    .h3-responsive {
        font-size: 125%
    }

    .h4-responsive {
        font-size: 125%
    }

    .h5-responsive {
        font-size: 125%
    }
}


/* my responsive */


@media(max-width: 4000px) {

    #bg.card-image .row,
    #bg-footer.card-image .row {
         margin-right: 0px !important; 
         margin-left: 0px !important; 
    }


    #bg {
        /*height: 104vh;*/
        /*margin-top: -350px;*/
    }



}


@media(max-width: 1440px) {

    #bg {
        /*height: 103vh;*/
        /*margin-top: -350px;*/
    }
    
    #bg-footer {
        /*height: 104vh;*/
        /*margin-top: -350px;*/
    }

    #bg #main-background {
        padding-top: 22% !important;
    }

}

@media(max-width: 1200px) {



}

@media(max-width: 1024px) {
    
    h1.pink-text {
        font-size: 750%;
    }

    #bg {
        /*height: 88vh;*/
    }

    #bg-footer {
        /*height: 88vh;*/
    }

    p.h2-responsive {
        font-size: 108%;
    }

    h3 span.meniul-persoane {
        font-size: 100%;
    }

    #bg #main-background {
        padding-top: 30% !important;
    }

}


@media (max-width: 992px) {

    h1.pink-text {
        font-size: 600%;
    }

    #bg {
        /*height: 84vh;*/
    }

    #bg-footer {
        height: 92vh;
    }

    #desk-tab-2 {
        padding-top: 80px
    }


}


.cadoumosul {
    padding-top: 20vh;
}

@media(max-width: 768px) {

    .cadoumosul {
        padding-top: 5vh;
    }

    h1.pink-text {
        font-size: 520%;
    }

    #bg-footer {
        /*height: 74vh;*/
    }

    p.h2-responsive {
        font-size: 130%;
    }

    .pad-top-60-mar-bot-40 {
        padding-top: 85px;
        margin-bottom: -10px;
    }

    #mobile p.h2-responsive,
    #mobile-3 p.h2-responsive {
        font-size: 130%;
    }

    #desk-tab.d-sm-table {
        display: table!important
    }

    #mobile.d-sm-none {
        display: block!important;
    }

    #mobile .mobile-text-center {
        text-align: center!important;
        margin: 0 auto;
    }
    #mobile .mobile-text-center img {
        width: 330px;
    }

    #formular {
        margin-bottom: -300px;
    }

    #desk-tab-3, #mobile-3 {
        padding-top: 0vh;
        padding-bottom: 0vh;
    }

    #aditionale.container.pt-5,
    #aditionale > .row.pt-5 {
        padding-top: 0.5rem !important;
    }

    #bg #main-background {
        padding-top: 40% !important;
    }
}


@media (max-width: 632px) {
    h1.pink-text {
        font-size: 470%;
    }
}


@media(max-width: 576px) {

    h1.pink-text {
        font-size: 450%;
    }

    #bg #main-background {
        /* padding-top: 30% !important; */
        padding-top: 70% !important;
    }

    #bg-footer {
        height: 70vh;
    }
}



@media (max-width: 462px) {
    h1.pink-text {
        font-size: 340%;
    }
}


@media(max-width: 426px) {

    #main-background.py-5 {
        padding-bottom: 1rem!important;
    }

    h1.pink-text {
        font-size: 300%;
    }

    h2.card-title {
        font-size: 150%;
    }

    a.btn.btn-pink {
        font-size: 100%;
        font-weight: 400;
        font-size: 115%;
        height: 55px;
        padding: 17px;
    }

    #bg {
        /*height: 68vh;*/
    }

    #bg-footer {
        height: 52vh;
         margin-top: -220px;
    }

    #mobile h3 span.meniul,
    #mobile-2 h3 span.meniul,
    #mobile-3 h3 span.meniul {
        font-size: 155%;
    }

    #mobile p.h2-responsive,
    #mobile-2 p.h2-responsive,
    #mobile-3 p.h2-responsive {
        font-size: 100%;
    }


    #mobile .mobile-text-center {
        text-align: center!important;
    }

    #mobile .mobile-text-center img {
        width: 183px;
    }

    #mobile h3 span.meniul,
    #mobile-2 h3 span.meniul,
    #mobile-3 h3 span.meniul {
        font-size: 115%;
    }

    h3 span.meniul {
        font-size: 115%;
    }

    #formular {
        margin-bottom: -200px;
    }

    #bg.card-image p {
        font-size: 130%;
    }

}

@media(max-width: 375px) {

    h1.pink-text {
        font-size: 235%;
    }

    h2.card-title {
        font-size: 125%;
    }

    a.btn.btn-pink {
        font-weight: 400;
        font-size: 85%;
        height: 45px;
        padding: 13px;
    }

    #bg {
        /*height: 59vh;*/
    }

    #bg-footer {
        height: 45vh;
    }

    #bg.card-image p {
        font-size: 122%;
    }

    #mobile .mobile-text-center img {
        width: 158px;
    }

    #bg #main-background {
        padding-top: 80% !important;
    }

}


@media(max-width: 321px) {

    h1.pink-text {
        font-size: 220%;
    }

    h2.card-title {
        font-size: 100%;
    }

    #bg {
        /*height: 56vh;*/
    }

    #bg-footer {
        height: 22vh;
        margin-top: -50px;
    }

    #formular {
        margin-bottom: -50px;
    }

    #bg.card-image p {
        font-size: 97%;
    }

    h3 span.meniul-persoane {
        font-size: 80%;
    }

    #mobile .mobile-text-center img {
        width: 130px;
    }

    #bg #main-background {
/*        padding-top: 35% !important;*/
        padding-top: 75% !important;
    }
    #bg {
        background-size: cover;
    }

    .form-row .form-group span.span-weight {
        font-weight: 600;
        color: #000000 !important;
        font-size: 80%;
    }

}

/* my responsive */