Hi

I have a logo which sits on the top left of my container in desktop to large viewports.


Code:
<a href="../index.php" class="active"><img src="../images/logo.png" width="200" height="35" alt="Logo" class="logo"></a>
Code:
        img.logo {
	margin-top:10px;
	margin-bottom:10px;
	border:none;
        }

I want to use media queries to centre this logo when viewed in phone / tablet sized viewports.

How would I do this? I have a workaround at the moment which is swaps out the img.logo for a roughly centred div (not quite right), it's certainly not ideal.

Any help would be much appreciated on best practice.