Try the 1st (min-width: 0px) and (max-width: 700px) media query - specifically, the font-size value on this rule.....
.p7DMM01.responsive .p7DMM-toolbar a,<br />
.p7DMM01.dmm-vertical .p7DMM-toolbar a {<br />
color: #999;<br />
text-transform: uppercase;<br />
font-size: .8em;<br />
background-color: transparent !important;<br />
border: none !important;<br />
text-decoration: underline;<br />
}
HTH
I figured out what happened; I was playing with different fonts styles and experimenting with webfonts on DW. To test it to see if I was doing it correctly I used a highly ornate font called Gondola and used it in the main Affinity style sheet for body text. This way I would immediately know if the new font had been sent to my phone because it is so distinctive. Somehow even though Gondola was not the font in the menu of the smartphone view, it did increase the size of the font used by 50%. When I changed the font back to a more normal font the problem disappeared. However it would be good to know why that happened in the first place.