/*

 *  Copyright (c) 2015 The WebRTC project authors. All Rights Reserved.

 *

 *  Use of this source code is governed by a BSD-style license

 *  that can be found in the LICENSE file in the root of the source

 *  tree.

 */

button {



  width: 83px;

}



button#hangupButton {

    margin: 0;

}



video {

  --width: 45%;

  width: var(--width);

  height: calc(var(--width) * 0.75);

  margin: 0 0 20px 0;

  vertical-align: top;

}



video#localVideo {

  margin: 0 20px 20px 0;

}



div.box {

  margin: 1em;

}



@media screen and (max-width: 400px) {

  button {

    width: 83px;

    margin: 0 11px 10px 0;

  }



  video {

    height: 90px;

    margin: 0 0 10px 0;

    width: calc(50% - 7px);

  }

  video#localVideo {

    margin: 0 10px 20px 0;

  }



}