/* Modules - Section Corners */
#townshipMap { width: 1074px; height: 953px; display: flex; flex-wrap: wrap; align-items: center; border: 3px solid #213159; background-image:url(/images/county_map.png); background-size: calc(100% + 2px); background-position: -1px -1px; }
.township { width: calc(25% - 1px); text-align: center; border-right: 1px solid #213159; border-bottom: 1px solid #213159; background: rgba(196,224,200,.4); }
.townshipLastColumn { width: 25%; border-right: 0; }
.townshipLastRow { border-bottom: 0; }
.township.top a { padding: 60.5px 0 0; height: 75.25px; }
.township a { padding: 121px 0 0; display: block; height: 150.5px; font-weight: 700; }
.township a i { display: inline-block; text-decoration: none; margin-left: 5px; }
.township a:hover, .townshipCurrent { background: rgba(221, 221, 221, .8); }

/* Modules - Township */
.townshipList { display: flex; flex-wrap: wrap; } .townshipIndiv { width: 25%; } @media screen and (max-width:1050px) { .townshipIndiv { width: 50%; } }
.townshipTaxes { float: right; width: 200px; padding: 10px; background: #F2EBE1; border-radius: 5px; margin-left: 10px; }
.townshipTaxes h4 { margin: 0; }
.townshipTaxes ul { margin: 10px 0 0; }

@media screen and (max-width: 1440px) {
  #townshipMap { width: 800px; height: 710px; margin: 0 auto; }
  .township a { padding: 90px 0 0; height: 112px; }
  .township.top a { padding: 45px 0 0; height: 56px; }
}

@media screen and (max-width: 1150px) {
  /* Modules - Bridge Data */
  #townshipMap { width: 532px; height: 472px; margin: 0 auto; }
  .township a { padding: 53px 0 0; height: 81px; font-size: 14px; }
  .township.top a { padding: 24.5px 0 0; height: 40.5px; }
}

@media screen and (max-width: 950px) {
  #townshipMap { width: 100%; height: auto; border: 0; background-image: none; }
  .township { width: 100%; border: 0; background: #FFF; text-align: left; }
  .township a { display: block; padding: 0; height: auto; }
}

#sectionCorner { width: 1049px; margin: 13px 13px 50px 13px; border: 1px solid #AAA; }
.sectionSection { width: 174px; border-right: 1px solid #AAA; border-bottom: 1px solid #AAA; float: left; background: #EEE; height: 174px; font-size: 92px; color: #AAA; line-height: 174px; text-align: center; font-weight: 700; position: relative; }
.sectionSection.last { border-right: 0; }
.sectionSection.lastRow { border-bottom: 0; }
.sectionLinksFirst { position: absolute; top: -7.5px; left: -7.5px; width: 190px; z-index: 2; }
.sectionLinks { position: absolute; top: -7.5px; left: 35.5px; width: 175px; z-index: 2; }
.dot { padding: 0px; overflow: hidden; float: left; margin-top: 0px; margin-right: 28.75px; margin-bottom: 28.75px; margin-left: 0px; height: 15px; width: 15px; background: rgba(222,222,222,.8); z-index: 2; }
.dot a { display: block; width: 100%; height: 100%; background-color: #0B306B; }
.dot a.multiple { background-color: #C6542D; }
.dot.dotLast { margin-right: 0; }
.cornerInfo a.cornerLink { background: #1C3467; text-decoration: none; font-weight: 700; color: #FFF; padding: 4px 10px; border-radius: 5px; }
.cornerInfo a.cornerLink i { margin-left: 5px; }
.cornerInfo ul { padding-inline-start: 20px; }
.cornerInfo h3 { margin: 0; }

@media screen and (max-width: 1440px) {
  #sectionCorner { width: 749px; margin: 13px auto 50px; }
  .sectionSection { width: 124px; height: 124px; line-height: 124px; font-size: 72px; }
  .sectionLinksFirst { width: 140px; }
  .sectionLinks { width: 125px; left: 23.25px; }
  .dot { margin-right: 16.25px; margin-bottom: 16.25px; }
}

@media screen and (max-width: 1150px) {
  #sectionCorner { width: 599px; margin: 8px auto 50px; }
  .sectionSection { width: 99px; height: 99px; line-height: 99px; font-size: 48px; }
  .sectionLinksFirst { width: 110px; top: -5px; left: -5px; }
  .sectionLinks { width: 100px; left: 20px; top: -5px; }
  .dot { width: 10px; height: 10px; margin-right: 15px; margin-bottom: 15px; }
}

@media screen and (max-width: 980px) {
  #sectionCorner { width: 311px; margin: 8px auto 50px; }
  .sectionSection { width: 51px; height: 52px; line-height: 52px; font-size: 24px; }
  .sectionLinksFirst { width: 60px; top: -5px; left: -5px; }
  .sectionLinks { width: 52px; left: 10px; top: -5px; }
  .dot { width: 8px; height: 8px; margin-right: 5px; margin-bottom: 5px; }
}