.law {
    background-image: url('/Content/frontend/images/lawbg.webp');
}

.laws {
    padding: 1rem 2rem;
}

.law-item {
    padding: 3rem 1.5rem;
    transition: transform .25s;
}

.law-item .law-item-detail {
    background-color: black;
    padding: 1.25rem .75rem;
    color: white;
    transition: transform .25s;
}

.law-item .law-item-detail p {
    text-align: center;
    margin-bottom: 0;
}

.law-item .law-item-detail .law-item-title {
    font-weight: bold;
}

.law-item img {
    width: 100%;
}

.law-head-wrapper {
    padding: 2.5rem;
    background-color: rgba(0, 0, 0, .75);
    color: white;
}

.law-head-title {
    font-size: 2.25rem;
    font-weight: bold;
}

.law-head-param {
    font-size: 1rem;
    font-weight: 400;
}

.law-item-param {
    font-size: .8rem;
}

.law-item:hover {
    transform: translateY(-.2rem);
}

.law-item:hover .law-item-detail {
    transform: translateY(-.5rem);
}