.linkarea
    {
        width: 100%;
        display: flex;
        justify-content: center;
        height:25px;
        background-color:#333;
    }

.topBarContainer
    {
        display: flex; 
        justify-content: center;
        flex-wrap: wrap;
        width:100%;
        background-color:#222;
        
        
    }
    
    
.topLinks
    {
    font-size:12px;
    font-family: "Roboto", sans-serif;
    font-weight:600;
    color:#ffc709;
    padding-left:14px;
    padding-right:14px;
    float:left;
    margin:0px;
    padding-top:4px;
    padding-bottom:4px;
    }
.topLinks:hover
    {
     color:#fff;
    }


.videoDetailLarge
    {
        float:left;
    }
.videoDetailLargeTitle
    {
        float:left;
        padding-left:20px;
    }
.videoDetailLargeDuration
    {
        float:left;
        
    }

.videoDetailLargeExcerpt
    {
        padding:20px;
        text-align:left;
    }

/*Columns*/
.column4 {
  float: left;
  width: 25%;
  
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/*Columns*/
.column5 {
  float: left;
  width: 100%;
  
}
/*Columns*/
.column3 {
  float: left;
  width: 100%;
  
}

.column2 {
  float: left;
  width: 100%;
  
}