:root {
    --upper-header-height: 2.5rem;
    --header-height: 5rem;
    --header-image-height: 25rem;

    --veg-white: white;
    --veg-white-dim: #a6a6a6;
    --veg-green: #c2cb08;
    --veg-green-darker: #929A07;
    --veg-green-brighter: #dadd59;
    --veg-black: #151314;
    --veg-pickup: rgb(199, 85, 39);
    --veg-pickup-brighter: rgb(218, 109, 62);
    --veg-secondary-black: rgb(28, 28, 27);
    --form-error-text: #7a2229;

    --veg-delivery: #151314;

    --spark-library--foreground-interactive: #5532fa;
    --transparent: black;
    --spark-library--white: white;
    --spark-library--foreground-interactive-hover: #1e116e;
    --spark-library--border-default: #00000029;
    --spark-library--foreground-tertiary: #0000001a;
    --spark-library--foreground-secondary: #000000c2;
    --spark-library--light-steel-purple: #a695fb;
}

* {
    font-family: natom-pro, sans-serif;

}


p, ul, li, h1, h2, h3, h4, h5, h6, button {
    margin: 0;
    padding: 0;
}

.container {
    padding-right: 16px;
    padding-left: 16px;
}

@media (min-width: 1800px) {
    .container {
        max-width: 1720px;
    }
}

@media (max-width: 991.98px) {
    .container.con-h {
        width: 100% !important;
        max-width: 100% !important;
    }
}

button {
    border: none;
    background-color: transparent;
}

dialog {
    padding: 0;
}

.fs-miniscule {
    font-size: 0.75rem;
}

@media (min-width: 1200px) {
    .fs-miniscule {
        font-size: 0.8rem;
    }
}

.fs-small {
    font-size: 0.875rem;
}

@media (min-width: 1200px) {
    .fs-small {
        font-size: 0.9375rem;
    }
}


.fs-medium {
    font-size: 1rem
}

@media (min-width: 1200px) {
    .fs-medium {
        font-size: 1.125rem
    }
}

.fs-bigger {
    font-size: 1.125rem
}

@media (min-width: 1200px) {
    .fs-bigger {
        font-size: 1.25rem
    }
}

.fs-mini {
    font-size: 10px;
}


.veg-primary {
    color: var(--veg-green);
}


.veg-black {
    color: var(--veg-black) !important;
}

.veg-white {
    color: var(--veg-white);
}

.veg-white-dim {
    color: var(--veg-white-dim);
}

.veg-black-bg {
    background-color: var(--veg-black);
}

.veg-sec-black-bg {
    background-color: var(--veg-secondary-black);
}

.veg-primary-bg {
    background-color: var(--veg-green);
}

.veg-sec-bg {
    background-color: var(--veg-green-brighter);
}

.heading-bold{
    font-family: natom-pro-title, sans-serif;
    font-weight: 800;
}

.heading-black {
    font-family: natom-pro-title, sans-serif;
    font-weight: 900;
}

#map {
    height: 180px;
}

.text-justify {
    text-align: justify;
}