body {
    background-color: #fcf8f5;
    font-family: "Montserrat", sans-serif;
}

a, h1, h2, h3, h4 {
    color: #794439;
}

.btn-lg {
    background-color: #794439;
    color: white;
}

.btn-lg:hover {
    background-color: #926251;
    color: white;
}

.card-img-top {
    width: 100%;
    object-fit: cover;
}

.material-symbols-outlined {
    display: inline-flex;
    vertical-align: middle;
}

.productQuantityInput::-webkit-outer-spin-button,
.productQuantityInput::-webkit-inner-spin-button {
    -webkit-appearance: none;
    -moz-appearance: textfield;
    margin: 0;
    padding: 0;
}

.productQuantityInput {
    width: 100%;
    height: 50px;
    text-align: center;
    font-size: 28px;
}

.productQuantityButton {
    width: 100%;
    height: 50px;
    padding: 0 0;
}

li.breadcrumb-item {
    font-size: 18px;
    font-weight: 600;
}

li.breadcrumb-item a {
    color: #794439;
    text-decoration: none;
}

.footer-container {
    color: #794439;
    margin-top: 50px;

    h3 {
        font-weight: 700;
    }

    ul {
        list-style-type: none;
    }

    ul li {
        margin-top: 1.15rem;
    }

    a {
        text-decoration: none;
        font-weight: 600;
    }

    .footer-social-icon {
        background-color: #02010100;
        transition: all 200ms ease-in-out 200ms;
        display: block;
        padding: 0.25rem 0;
        width: 100%;
        height: 100%;

        svg {
            fill: #794439;
            width: 5em;
            height: 5em;
        }
    }

    .footer-social-icon:hover {
        svg {
            fill: #8d4437;
            transform: scale(1.1);
        }
    }
}

@media only screen and (max-width: 990px) {
    .navbar {
        height: unset!important;
    }
    .navbar-brand img {
        position: unset!important;
    }
    .cartNavItem {
        display: none!important;
    }
    .cartNavStatic {
        display: inherit!important;
        font-size: 1.15rem;
        font-weight: 500;
    }
    #loginnav {
        display: none;
    }
    #imagemodal .close-btn {
        color: #1a1d20;
        z-index: 10000;
    }
}

@media only screen and (min-width: 1200px) {
    .quantityContainer {
        max-width: 25vw;
    }
}

@media only screen and (min-width: 1201px) and (max-width: 1919px) {
    .card {
        max-height: 90vh!important;
    }
    .card>a {
        max-height: 70%!important;
    }
    .card .card-img-top {
        max-height: 100%!important;
    }
}