Order Summary Design Using Hover Pseudo-Class

I added links to Google Fonts within my head element just in case the 3 font families in my CSS file didn't show up in the final result (this happened before). Does anyone else typically add links to web fonts in their head element in their html file?

I'm also having trouble optimizing the page for mobile (specifically a smartphone). It looks fine on a desktop view but on an iPhone screen the elements are not aligned. Any suggestions are appreciated.