Ability to set relative margin rather absolute for Vertical (sticky) version so it can be used in Responsive Designs

The problem with setting the margin (either - or + value) is the floating buttons can invade the text area depending on the size of the screen used. To see the problem set "mainwrap" parameter within the CSS to "centre". Website pages are now displayed in the centre of the screen. Now add the script with the margin set at a positive value (say 35). This shows the icons nicely set from the left of the screen. Now make the screen narrower by dragging the edge of your browser or use a smartphone to visit the website. The icons are now floating over the text or somewhere over your navigation keys if you are using vertical navigation. This causes a problem with any website that has smartphone or tablet users visiting (namely all websites!).