<div id="slack-left"></div>
<style>
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
   .no-width{
       width: 0% !important;
	   padding: 0px !important;
	}
.rw_content.fullSite {
    padding-left: 10px !important;
}
.hundred-width{
width: 100% !important;
    padding-left: 0px !important;


}
#main #content {
    padding-right: 0px;
}
}
</style>
<script>
AJS.toInit(function(){
 AJS.$('#slack-left').parent().addClass('no-width');
AJS.$('#middle').parent().addClass('hundred-width');

});
</script>



<div id="middle"></div>




<div id="slack-right"></div>
<script>
AJS.toInit(function(){
 AJS.$('#slack-right').parent().addClass('no-width');
});
</script>





<style>
div#middle-link {

    display: flex;
    align-items: center;
    justify-content: center;


}
</style>
<div id="middle-link"><a href='' class="hundred-width">Refresh the form!</a></div>