.white_color{
    background-color: white;
}
.red_color{
    background-color: #B73D26;
}
.green_color{
    background-color: #52BEA4;
}
.table_border{
    width: 100%;
    border-collapse: separate;
    border-spacing: 0.5rem;
    padding-left: 22px;
    padding-right: 22px;
}
th{
    padding: 10px;
}
td{
    width: 20%;
    text-align: center;
    padding: 5px;
}
.text_center{
    text-align: center;
}
.text_color{
    color: white;
}
.center{
    padding-top: 90px;
    padding-bottom: 80px;
}
@media (max-width:1020px) {
    #img_hide {
        display: none;
    }
}
@media (min-width:1080px) {
    .head{
        font-size: 40px;
    }
    th{
        font-size:20px;
    }
    td{
        font-size:18px;
    }
    .date{
        font-size: 20px;
    }
}
@media (max-width:1079px) {
    .head{
        font-size: 25px;
    }
    th{
        font-size:14px;
    }
    .date{
        font-size: 15px;
    }
}
@media (max-width:695px) {
    .head{
        font-size: 22px;
    }
    th{
        font-size:13px;
    }
    .date{
        font-size: 13px;
    }
}
@media (max-width:540px) {
    .head{
        font-size: 20px;
    }
    th{
        font-size:11px;
    }
    td{
        font-size:10px;
    }
    .date{
        font-size: 11px;
    }
}
@media (max-width:410px) {
    .head{
        font-size: 13px;
    }
    th{
        font-size:6px;
    }
    td{
        font-size:4px;
    }
    .date{
        font-size: 6px;
    }
}
@media (max-width:350px) {
    .head{
        font-size: 13px;
    }
    th{
        font-size:5px;
    }
    td{
        font-size:4px;
    }
    .date{
        font-size: 5px;
    }
} 
@media (max-width:300px) {
    .head{
        font-size: 10px;
    }
    th{
        font-size:4px;
    }
    td{
        font-size:3px;
    }
    .date{
        font-size: 4px;
    }
}