.bg-art {
    background: url("../../bg/specwebbanner4.png");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: top center;
    background-size: auto;
}

@media (max-width: 400px) {
    .bg-art {
        background: url("../../bg/specwebbanner4.png");
        background-repeat: no-repeat;
        background-attachment: scroll;
        /* background-position: top center;
        background-size: auto; */
    }
}

.bg-dark {
    background: #111 !important;
}

.bg-art {
    background-color: white;
}

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

.display-5 {
    /* font-size: 5rem;
    background: url("../../bg/specwebbanner.png");
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 800; */
    /* di ginagamit background: -webkit-linear-gradient(#eee, #3056c2); */
    /* di ginagamit */
    /* background: url(home2.jpg); */
}

.card-img-top {
    padding: 10px;
    /* border-radius: 30px; */
    height: 300px !important;
    object-fit: cover;
}

.product-name {
    font-size: 18px;
}

.user-icon {
    font-size: 40px;
}

.float-right {
    float: right !important;
}

.elevation-0 {
    box-shadow: none !important;
}

.elevation-1 {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24) !important;
}

.elevation-2 {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23) !important;
}

.elevation-3 {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23) !important;
}

.elevation-4 {
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22) !important;
}

.elevation-5 {
    box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22) !important;
}

@media (max-width: 720px) {
    .front-image {
        display: none;
    }
    .display-5,
    .lead {
        text-align: center;
    }
    .d-grid {
        display: flex;
        justify-content: center;
        align-content: center;
    }
}

.category-section {
    background: url("bg/home.jpg");
}


/* .card {
            border: 0 !important;
        } */

.card-body {
    padding: 20px;
}

.btn-info {
    padding: 0.5em 1.0em !important;
    white-space: nowrap;
    border-radius: 30px;
    color: #fff;
    background-color: #e35d46;
    border-color: #e35d46;
}

.btn-info:hover {
    color: #fff;
    background-color: #de4025;
    border-color: #d63b20;
}

.btn-info:focus,
.btn-info.focus {
    box-shadow: 0 0 0 0 rgba(231, 117, 98, 0.5);
}

.btn-info.disabled,
.btn-info:disabled {
    color: #fff;
    background-color: #e35d46;
    border-color: #e35d46;
}

.btn-info:not(:disabled):not(.disabled):active,
.btn-info:not(:disabled):not(.disabled).active,
.show>.btn-info.dropdown-toggle {
    color: #fff;
    background-color: #d63b20;
    border-color: #cb381f;
}

.btn-info:not(:disabled):not(.disabled):active:focus,
.btn-info:not(:disabled):not(.disabled).active:focus,
.show>.btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(231, 117, 98, 0.5);
}

.product-name {
    font-weight: 800;
}

.label {
    text-transform: uppercase;
    font-weight: 800;
    font-size: 12px;
}

.artist-name {
    font-size: 15px;
    font-weight: 800;
}

.text-link {
    text-decoration: underline;
    font-size: 14px;
    text-transform: uppercase;
    color: #cb381f;
}