Add the class mzp-l-logo-center-on-sm-md for a centered logo only in small to medium viewports, changing to the standard alignment (with the text direction) in larger viewports.
mzp-l-logo-center-on-sm-md
<div class="mzp-c-logo mzp-t-logo-lg mzp-t-product-firefox mzp-l-logo-center-on-sm-md"></div>