@media (max-width: 768px) { 
    .media-header {
        width: 90% !important;
        margin-left: auto;
        margin-right: auto;
    }
}

.card:hover {
    transition: all 1s;
    box-shadow: none !important;
    border-color: var(--primary);
}

.card-img-custom {
    height: 0;
    padding-top: 56.25%;

    background-size: cover !important;
    border-radius: .25rem;
}

.badge-light {
    border: 1px solid lightgray;
}

.media-header {
    width: 16em;
}

label.btn input[type="checkbox"]:checked {
    background-color: var(--primary) !important;
}