Guided Template Stylesheet not working on iOS Devices

Hi Marketo Community,

I created a responsive Guided Landing Page Template and made landing page located in this URL: pages.hatchearlylearning.com/Guided-Template-Test.html

Resizing the window in my Chrome browser shows the tablet and mobile viewports working as intended. However, when I try to open the same page on my iPhone, the desktop view shows up and all of the responsive elements seem to have been stripped except for .two-column-container-bg-image, which changes images correctly based on screen size. Clearing my history did not help. 

I initially had the style sheet hosted externally, so I tried moving all of the CSS into the template but still had no luck.

Any help with troubleshooting this would be very helpful! Attaching the code for the guided template as well.