(function ($) {
  $().ready(function () {
      if (window.matchMedia('(min-width: 768px)').matches) {
        $( '#navigation' ).removeClass( 'col-sm-3' ).addClass( 'col-sm-2' );
        $( 'section[role="main"]' ).removeClass( 'col-sm-6' ).addClass( 'col-sm-7' );
      }
  });
})(jQuery);