.ack {
    margin-top: 5rem;
    width: 50%;
}

.acknowledge_attr p {
    font-size: clamp(1rem, 4vw, 2rem);
    text-align: center;
}

.table_section {
    display: flex;
    height: auto;
    justify-content: center;
    margin-top: 2rem;

}


.table {
    position: relative;
    border-collapse: collapse;
    margin-top: 1rem;
    max-width: 100%;
    padding-bottom: 5rem;

}

.table td, .table th{
    padding: 1rem 1.5rem;
    border: 1px solid var( --color-primary-font);
    text-align: center;
}

.table th {
    color: var( --color-primary-font);
    font-size: clamp(1.25rem, 5vw, 1.75rem);
}

tr td, tr td a {
    color: var( --color-primary-font);
    font-size: clamp(1rem, 4vw, 1.5rem);
}

.table tbody tr:nth-child(odd){
    background-color: rgba(255, 123, 84, .3);
}

/* =============== MEDIA QUERIES (MEDIUM DEVICES) ===============*/
@media screen and (max-width: 1024px){
    .ack {
        width: 80%;
    }

}

/* =============== MEDIA QUERIES (SMALL DEVICES) ===============*/
@media screen and (max-width: 600px){

    .ack {
        width: 80%;
    }

}