.responsive-font{
    font-size: calc(0.5rem + 0.5vw) !important;
}
.responsive-img{
    width: 150px;
    height: 100px;
}
@media (max-width: 1000px){
    .responsive-img{
        width: calc(6rem + 0.5vw);
        height: calc(4rem + 0.5vw);
    }
    table {
        border-collapse: collapse !important;
    }

    tr, th, td {
        padding: 5px !important;
        margin: 5px !important;
    }
}

@media (max-width: 500px){
    .btn{
        padding: 5px 10px;
        font-size: 5px !important;
    }
}