.contact_grid {
    display: grid;
    grid-template-columns: 45% 5% 45% 5%;
    grid-template-rows: 33% 33% 34%;
    grid-column-gap: 1em;
    grid-row-gap: 2em;
}



#tax_collector {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 2;
}

#tax_recovery {
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 1;
    grid-row-end: 2;
}


#special_collector {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 2;
    grid-row-end: 3;
}

#income_collector {
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 2;
    grid-row-end: 3;
}

#delinquent_tax {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 3;
}

#budget-container {
    display: block;
    margin: 1em;
}

@media only screen and (max-width: 700px) {
    .contact_grid {
        display: grid;
        grid-template-columns: auto;
        grid-template-rows: 20% 20% 20% 20% 20%;
    }

    #tax_collector {
        grid-column-start: 1;
        grid-row-start: 1;
        grid-row-end: 2;
    }

    #tax_recovery {
        grid-column-start: 1;
        grid-row-start: 2;
        grid-row-end: 3;
    }

    #special_collector {
        grid-column-start: 1;
        grid-row-start: 3;
        grid-row-end: 4;
    }

    #income_collector {
        grid-column-start: 1;
        grid-row-start: 4;
        grid-row-end: 5;
    }

    #delinquent_tax {
        grid-column-start: 1;
        grid-row-start: 5;
    }
}