@media (min-width: 1024px) {
    body {
        width: 450px;
    }
    nav{
       width: 450px !important;
    }
}
body {
    margin: 0px auto;
}

nav{
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background-color: #b91c1c;
    border-top: 1px solid;
    display: flex;
    justify-content: space-around;
    font-size: 0.75rem;
    color: #fff;
    font-weight: 600;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    z-index: 50;
    width: 100%;
    /*min-width: 100%;*/
}

.text-sm {
    font-size: 0.775rem;
    line-height: 1.25rem;
}

.sec-utama .object-cover {
    height: 65%;
}

.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;    /* jumlah baris */
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.line-clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;    /* jumlah baris */
    -webkit-box-orient: vertical;
    overflow: hidden;
}