.card {
    background: rgb(255, 255, 255);
    border-radius: 15px;
    transition: box-shadow 0.2s ease-in-out;
    box-shadow: 10px 15px 20px rgba(179, 179, 179, 0.966);
}

.card:hover {
    box-shadow: 10px 15px 30px rgb(132, 132, 132);
}

@media only screen and (max-width: 1365px) {
    .fs-4 {
        font-size: 1.4rem !important;
    }
}

@media only screen and (max-width: 1294px) {
    .fs-4 {
        font-size: 1.2rem !important;
    }
}

@media only screen and (max-width: 1153px) {
    .fs-4 {
        font-size: 1rem !important;
    }
}

@media only screen and (max-width: 1011px) {
    .fs-4 {
        font-size: 0.8rem !important;
    }
}

@media only screen and (max-width: 869px) {
    .fs-4 {
        font-size: 0.6rem !important;
    }
}

@media only screen and (max-width: 768px) {
    .fs-4{
        font-size: calc(1.275rem + .3vw)!important;
    }
}