diff --git a/branding.html b/branding.html
index 721c0a1..49360d7 100644
--- a/branding.html
+++ b/branding.html
@@ -12,7 +12,7 @@
    <link rel="stylesheet" href="media/main.css" />
    <link rel="stylesheet" href="media/verdana.css" />
    <link rel="icon" type="image/x-icon" href="media/wiimart-bag.ico" />
-   <style>mark {color:white}</style>
+   <style>mark {color:white} .wm {width: 100%}</style>
 </head>
 <body>
 
@@ -30,9 +30,9 @@
 
 <div>
     <h2>Wordmarks</h2>
-    <div><img src="media/branding-wordmark-white.png" width="300px"></div>
-    <div style="background-color: white;border-color: white;"><img src="media/branding-wordmark-blue.png" width="300px"></div>
-    <div style="background-color: white;border-color: white;"><img src="media/branding-wordmark-black.png" width="300px"></div>
+    <div class="wm"><img src="media/branding-wordmark-white.png" width="300px"></div>
+    <div style="background-color: white;border-color: white;" class="wm"><img src="media/branding-wordmark-blue.png" width="300px"></div>
+    <div style="background-color: white;border-color: white;" class="wm"><img src="media/branding-wordmark-black.png" width="300px"></div>
     <p>The wordmarks should be visible on the background they are in, like shown.</p>
 </div>
 
