.btn-primary,
.btn-primary:focus {
    color: #fff;
    background-color: #483737;
    border-color: #483737;
}
.btn-primary:hover {
    background-color: #ffcc00;
    border-color: #ffcc00;
}
#mainNav, 
#mainNav.navbar-shrink {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    background-color: #483737;
}
#mainNav .navbar-brand img, 
#mainNav.navbar-shrink .navbar-brand svg, 
#mainNav.navbar-shrink .navbar-brand img {
    height: 3rem;
}

header.masthead {
    height: 100vh;
    padding: 0;
    background: linear-gradient(180deg, rgba(72, 55, 55, 0.5), rgba(72, 55, 55, 0.3)), url('/media/image/page/item/masthead.01.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
header.masthead .container {
    padding-top: 10.5rem;
    padding-bottom: 6rem;
}

.page-section {
    text-align: center;
}
.page-section h2 {
    color: #483737;
    font-size: 2.5rem;
}
.page-section p {
    font-size: 1.2rem;
    margin-bottom: 2rem;
}
.masthead hr.divider {
    max-width: 3.25rem;
    border-width: 0.2rem;
    border-color: #483737;
}
.page-section hr.divider {
    max-width: 3.25rem;
    border-width: 0.2rem;
    border-color: #483737;
    margin-bottom: 2rem;
}
.page-section i {
    margin-bottom: 1rem;
}
.page-section#contact {
    background-color: #c9d1da;
}
.page-section#contact a {
    color: #6c757d;
}

header.masthead .masthead-subheading {
    /*font-family: unset;*/
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    /*color: #c87137;*/
    color: rgba(255,255,255,.8);
    /*text-shadow: -1px 0 #f4e3d7, 0 1px #f4e3d7, 1px 0 #f4e3d7, 0 -1px #f4e3d7;*/
}
header.masthead .masthead-heading {
    /*color: #483737;*/
    color: rgba(255,204,0,.8);
    /*text-shadow: -1px 0 #ffe6d5, 0 1px #ffe6d5, 1px 0 #ffe6d5, 0 -1px #ffe6d5;*/
}
.subheading {
    color: #c87137;
}
header.banner {
    height: 250px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.banner.shop {
    background-image: url('../images/header.shop.jpg');
}

#product-list .card {
    /*width: 24%;*/
    display: inline-block;
}
img {
    max-width: 100%;
}
.large-image {
    padding: 15px;
    border: 1px solid rgb(226, 225, 225);
    border-radius: 10px;
}
.large-image img {
    border-radius: 6px;
}
@media (min-width: 768px) {
    header.masthead .masthead-heading {
        margin-bottom: unset;
    }
    header.masthead .masthead-subheading {
        font-style: normal;
    }
    header.banner {
        height: 400px;
    }
}
@media (min-width: 992px) {
    #mainNav {
        background: transparent;
    }
    #mainNav, 
    #mainNav.navbar-shrink {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        /*background-color: rgba(0,170,212,0.8);*/
    }
    #mainNav.navbar-shrink {
        background-color: #483737;
    }
    #mainNav .navbar-brand img {
        transition: height 0.3s ease-in-out;
    }
}