diff --git a/index.html b/index.html
index 84e1a6e..c9e5736 100644
--- a/index.html
+++ b/index.html
@@ -7,7 +7,7 @@
         <script src="https://cdn.jsdelivr.net/npm/@silvermine/videojs-chromecast@latest/dist/silvermine-videojs-chromecast.min.js"></script>
         <script src="https://www.gstatic.com/cv/js/sender/v1/cast_sender.js?loadCastFramework=1"></script>
         <script src="{{ script }}"></script>
-        <style>.vjs-control-bar { font-size: 2em; }</style>
+        <style>@media(min-device-width:500px){.vjs-control-bar{font-size:3em;}}</style>
     </head>
     <body>
     </body>
