/*webcast general*/

BODY, TABLE, TH, TD, P, DIV	{
   font-family: 'Montserrat', sans-serif !important;
     }

.hide{
  display:none;
}

@font-face {
  font-family: Montserrat;
  font-weight: 400;
  font-style: normal;
}


body{
  margin:0;
  height: 100%;
}


html {
  height: 100%;
}

.bg {
  /* The image used */
  background-image: url("images/omtvbg.png");

  /* Full height */
  height: 100%;

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}


img.bg {
  /* Set rules to fill background */
  min-height: 100%;
  min-width: 1024px;

  /* Set up proportionate scaling */
  width: 100%;
  height: auto;

  /* Set up positioning */
  position: fixed;
  top: 0;
  left: 0;
}

@media screen and (max-width: 1024px) {
  img.bg {
  background-image: url("images/omtvbg1024.png");
    left: 50%;
    margin-left: -512px;   /* 50% */
  }
}
@media screen and (max-width: 800px) { /* Specific to this particular image */
  img.bg {
  background-image: url("images/omtvbg800.png");
    left: 50%;
    margin-left: -400px;   /* 50% */
  }
}

.centered {
       display: flex;
        align-items: center;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;

       justify-content: center;
        flex-direction: column;
        width: 100%;
        text-align: center;
        margin: 10% 0;
        min-height: 200px;
        background-color: rgba(33, 33, 33, .3);
        align-items: center;
}

#flex-container {
        display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
        display: -webkit-flex;     /* NEW - Chrome */
        display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
        -webkit-box-flex-direction: row;
        -moz-box-flex-direction: row;
        -webkit-flex-direction: row;
        flex-direction: row;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    #flex-item {
        margin: auto;
        z-index: 1;
    }

#page-container{
   width: 100%;
   height: 100%;
   margin:0;
 
}
#top-row{
  width: 100%;
  height: 76px;
  margin:0;
  overflow: hidden;
/*   background-color: pink;  */
  background-color: #ed0080;
    vertical-align: middle;

}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 76px;            /* Footer height */
}
#bottom-row{
  width: 100%;
  height: 76px;
  margin:0;
  overflow: hidden;
  background-color: #ed0080;
}

#NOWlogo{
  float: left;
  displey: inline;
  margin-left: 10%;
  margin-top: 5;
}

#antheading{
  float: right;
  displey: inline;
  margin-right: 40px;
  z-index:3;
  overflow-x: auto;
}
#antheading H2{
color: white;
  }






@media screen and (max-width: 840px) {
  #top-row{ height: 36px; }
  #bottom-row{ height: 36px; }
  .footer {  height: 32px;}
  #NOWlogo IMG { margin-top: -3; }
  #NOWlogo IMG {  height: 34px; }

  #AntPlayer, .flowplayer {
    max-width: 600px !important;
    max-height: 336px !important;
  }

   H2 { font-size: 1em;  margin-block-start: 10px !important;}

   #page-container{ overflow: auto; }


}


@media screen and (max-width: 640px) {
  #AntPlayer, .flowplayer {
    width: 480px !important;
    height: 270px !important;
  }

}