.MainVSML	  { font-family: Verdana; font-size: 8pt; color: #003366; margin-left: 2; margin-right: 2;}
.MainVSMLB	  { font-family: Verdana; font-size: 8pt; color: #003366; font-weight: bold; margin-left:2; margin-right: 2;}
.MainMedBR	  { font-family: Verdana; font-size: 14pt; color: #FFFFFF; font-weight: bold; margin-left:2; margin-right: 2;}
.MainVSMLBR	  { font-family: Verdana; font-size: 10pt; color: #FFFFFF; font-weight: bold; margin-left:2; margin-right: 2;}

a:link { color: #003366; text-decoration: none;}
a:visited { color: #003366; text-decoration: none;}
a:hover { color: #0000FF; text-decoration: underline;}
.fotgal {border:1px; border-thickness: 1px; border-color: #000000; border-style: solid;}

<style type="text/css">
body {
background: 
#666666;
}

div.transbox
  {
  width:400px;
  height:180px;
  margin:30px 50px;
  background-color:#000000;
  border:1px solid black;
  /* for IE */
  filter:alpha(opacity=50);
  /* CSS3 standard */
  opacity:0.5;
  }
div.transbox p
  {
  margin:30px 40px;
  font-weight:bold;
  color:#ffffff;
  }
  .text {
top: 30px;
left: 50px;
 font-weight:bold;
 color:#ffffff;
}

.video-background {
    background: #000;
    position: fixed;
    top: 0; right: 0; bottom: 0; left: 0;
    z-index: -99;
}
.video-foreground,
.video-background iframe {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    pointer-events: none;
}
#vidtop-content {
    top: 0;
}

<SPAN class="token atrule">@media (min-aspect-ratio<SPAN class="token punctuation">:</SPAN> 16/9)</SPAN> <SPAN class="token punctuation">{</SPAN>
    <SPAN class="token selector"><SPAN class="token class">.video-foreground</SPAN> </SPAN><SPAN class="token punctuation">{</SPAN> <SPAN class="token property">height</SPAN><SPAN class="token punctuation">:</SPAN> <SPAN class="token number">300%</SPAN><SPAN class="token punctuation">;</SPAN> <SPAN class="token property">top</SPAN><SPAN class="token punctuation">:</SPAN> -<SPAN class="token number">100%</SPAN><SPAN class="token punctuation">;</SPAN> <SPAN class="token punctuation">}</SPAN>
<SPAN class="token punctuation">}</SPAN>
<SPAN class="token atrule">@media (max-aspect-ratio<SPAN class="token punctuation">:</SPAN> 16/9)</SPAN> <SPAN class="token punctuation">{</SPAN>
    <SPAN class="token selector"><SPAN class="token class">.video-foreground</SPAN> </SPAN><SPAN class="token punctuation">{</SPAN> <SPAN class="token property">width</SPAN><SPAN class="token punctuation">:</SPAN> <SPAN class="token number">300%</SPAN><SPAN class="token punctuation">;</SPAN> <SPAN class="token property">left</SPAN><SPAN class="token punctuation">:</SPAN> -<SPAN class="token number">100%</SPAN><SPAN class="token punctuation">;</SPAN> <SPAN class="token punctuation">}</SPAN>
<SPAN class="token punctuation">}</SPAN>

</style>