On my website I recently put some content in boxes with shadows and those are not scaling correctly on mobile devices. It basically cuts everything in half. These are the 3 pages with the issue.
For example on that last schedule consultation page I used this CSS in the style section of the column the contact form is in.
width: 1000px; margin: auto; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.3);
The boxes on the other two pages were done using different combinations of this exact same CSS. How can I fix this so it will scale correctly on mobile devices?