ul.mobileTownshipList { display: none; }
.woodburyTownships { width: 100%; background-image: url(/townships/woodbury_outline.png); background-size: cover; padding-bottom: 56.693%; position: relative; border-top: #9A572F; }
.woodburyRow { display: flex; position: absolute; height: 25%; width: 100%; align-items: center; }
.woodburyRow .woodburyTownship a { display: block; width: 100%; line-height: 30px; padding: calc(50% - 15px) 0; }

.woodburyRow.row1 .woodburyTownship { width: calc(14% - 2px); border-top: 2px solid #9A572F; height: calc(100% - 2px); display: flex; align-items: center; text-align: center; border-left: 2px solid #9A572F; justify-content: center; }
.woodburyRow.row1 .woodburyTownship.spacer { margin-left: 0.5354752342704%; width: 20.475%; border-left: 0; }
.woodburyRow.row1 .woodburyTownship.wt4 { border-right: 2px solid #9A572F; }

.woodburyRow.row2 .woodburyTownship, .woodburyRow.row3 .woodburyTownship, .woodburyRow.row4 .woodburyTownship { width: calc(14% - 2px); border-top: 2px solid #9A572F; height: calc(100% - 2px); display: flex; align-items: center; text-align: center; border-right: 2px solid #9A572F; }

.woodburyRow.row2 .woodburyTownship.spacer { margin-left: 14.175%; width: 0; border-right: 0; }
.woodburyRow.row2 .woodburyTownship.wt0 { width: calc(15.825% - 27px); border-left: 0; padding-right: 25px; text-align: right; }
.woodburyRow.row2 { top: 25%; }

.woodburyRow.row3 .woodburyTownship.wt0 { width: calc(18.85% - 27px); border-left: 0; padding-right: 25px; text-align: right; }
.woodburyRow.row3 .woodburyTownship.spacer { margin-left: 11.15%; width: 0; border-right: 0; }
.woodburyRow.row3 { top: 50%; }

.woodburyRow.row4 { top: 75%; }
.woodburyRow.row4 .woodburyTownship.wt0 { width: calc(14.35% - 27px); border-left: 0; padding-right: 25px; text-align: right; }
.woodburyRow.row4 .woodburyTownship.spacer { margin-left: 15.65%; width: 0; border-right: 0; }

.woodburyTownshipBorder { display: flex; height: 2px; margin-top: -2px; }
.woodburyBorderSpacer { width: 17.15%; height: 2px; }
.woodburyBorderBoundary { width: 82.85%; height: 2px; background: #9A572F; }

@media screen and (max-width: 1350px) {
    .woodburyRow.row2 .woodburyTownship.wt0, .woodburyRow.row3 .woodburyTownship.wt0, .woodburyRow.row4 .woodburyTownship.wt0 { padding-right: 5px; }
    .woodburyRow.row2 .woodburyTownship.wt0 { width: calc(15.825% - 7px); }
    .woodburyRow.row3 .woodburyTownship.wt0 { width: calc(18.85% - 7px); }
    .woodburyRow.row4 .woodburyTownship.wt0 { width: calc(14.35% - 7px); }
}
@media screen and (max-width: 1150px) { 
    .woodburyTownships { font-size: 14px; }
}

@media screen and (max-widtH: 1050px) { 
    ul.mobileTownshipList { display: block; }
    .woodburyTownships { display: none !important; }
    .woodburyTownshipBorder { display: none !important; }
    hr.townshipDivider { display: none !important; }
}