Hi @sweb,
unfortunately you are using the doc for bootstrap 4.0 which is currently not supported by PowerPages.
They are planning to enable bootstrap 5.0 in one of the next release waves.
For your current problem use the bootsrap class "hidden-"
you will need to combine hidden with your desired screen where you want to hide it, but it will work as expected.
Example:
<div class="col-md-6 hidden-xs columnBlockLayout" style="flex-grow: 1; display: flex; flex-direction: column; min-width: 310px; word-break: break-word;">
--------------------------------------------------------------------------------------
Hope that helps.
If the post solves your problem, please mark it as solution. If it helps, consider a thumbs up.