body{  background: #111; padding-top: 3.5rem;}
#arena, #results {
  background: #111;
  min-height: 85vh;
  display: block;
  width:100%;
}
#arena img {
  max-height: 75vh;
  max-width: 80%;
}

@media (max-width: 575.98px) { 
  #arena img {
    max-height: 35vh;
    max-width: 100%;
    margin-bottom: .5rem;
  }
  #arena .caption {
    font-size:.7rem;
  }
  
  #arena .arenatop {
    min-height:28vh;
    display: block;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) { 
  #arena img {
    max-height: 50vh;
    max-width: 100%;
    margin-top: .5rem;
  }
  #arena .caption {
    font-size:.7rem;
  }
  
  #arena .arenatop {
    min-height:58vh;
    display: block;
  }
}

#arena img:hover {
  cursor: pointer;
  opacity: .8;
  transition: .2s;
}
img.thumb {
  max-height:100px;
}
.hidden,.hide { display:none;}
.show,.active {display: inline-block;}

.fblue {color:#0063dc;}
.fpink {color:#ff0084;}