#vidcontainer {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

#mainstream {
    margin: 10px 0px 4px 16px;
    min-width: 250px;
    padding: 0px;
    position: relative;
  }

#streamdeets ul {
  list-style-type: none;
  display: block;
}

#buffering {
    opacity: 0;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    transition: .5s ease;
  }

.boxinfo {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding: 5px 14px 5px 14px;
}

.frow {
  display: flex;
  flex-direction: row;
  flex: 1;
  background-color: rgba(255, 244, 235, 0.5);
  color: #6E5139;
  padding: 4px;
  margin: 1px;
  border-radius: 4px;
}

.frow > .item {
  flex: 0.3;
  text-align: right;
  margin: 0px 10px;
}

.frow > .value {
  flex: 1;
  font-weight: bold;
}

@media only screen and (max-width: 660px) {
  .frow > .item {
    flex: 0.4;
    font-size: small;
  }

  .frow > .value {
    font-size: small;
  }
}