I am having problems with the first two sections (rows) of my web site in that they are loosing their responsiveness as the screen narrows. The top of the second section named “Connect with me” seems to overlap the section above it, which is my home row.
I also loose responsiveness in the “Approach” section in that the text in the bordered boxes expands outside the the boxes.
The issues are appearing when the screen width is smaller than 678px
The other sections which could be best described as single columns seem to work fine as the screen width reduces. The problems seem to be related o page rows containing more than one column
Here is the URL to my site https://fortelaw.ca