Revert CSS changes for mobile captions

In testing the Video.js 8.10.0, it looks like they fixed the root cause
of the issues we were seeing with oversized captions in mobile devices.
As such, the override that we had put in place was causing the captions
to display incorrectly.

src/styles/main.scss

@@ -135,35 +135,6 @@ video/poster area the controls are displayed correctly. */
   border-bottom: 0.45rem ridge $primaryGreen;
 }
 
-/* captions font for android and tablet fullscreen */
-@media screen and (orientation:portrait) {
-  .vjs-fullscreen.android {
-    // Force text track to bottom of screen but not overlapping control bar
-    .vjs-text-track-cue {
-      inset: auto 0px 20px !important;
-      height: auto !important;
-      font: 0px sans-serif !important;
-    }
-
-    .vjs-text-track-cue > div {
-      font: 22px sans-serif;
-    }
-  }
-
-  .vjs-fullscreen.tablet {
-    // Force text track to bottom of screen but not overlapping control bar
-    .vjs-text-track-cue {
-      inset: auto 0px 20px !important;
-      height: auto !important;
-      font: 0px sans-serif !important;
-    }
-
-    .vjs-text-track-cue > div {
-      font: 32px sans-serif;
-    }
-  }
-}
-
 /** End - Overrides for VideoJS related styling **/
 
 // Webkit override for scroll bars for always-on display in Chrome and Safari