body {
  padding-top: 70px;
  background: #D4D4D4; }

@media (max-width: 870px) and (min-width: 768px) {
  body {
    padding-top: 120px; } }
.navbar-inverse .navbar-nav > li > a {
  color: #F3C64A !important; }

a {
  color: #B20982; }

.navbar-inverse .navbar-nav > li.login {
  background-color: #665; }

.navbar-inverse .navbar-nav > li.signup {
  background-color: gold; }

.navbar-inverse .navbar-nav > li.signup a {
  color: black !important;
  font-weight: bold; }

.pagination > li > a {
  color: #B20982 !important; }

.pagination > .active > a {
  background-color: #FFD700 !important;
  border-color: #DDA400 !important; }

.webcams-header {
  margin-bottom: 15px; }
  .webcams-header h1 {
    font-weight: bolder; }
  .webcams-header .create-nickname-block {
    width: 100%;
    display: inline-block;
    text-align: center;
    font-size: 110%;
    color: #333; }

.webcam {
  width: 220px;
  background-color: #E3E3E3;
  display: inline-block;
  margin: 5px; }
  .webcam .thumb {
    width: 220px;
    height: 185px; }
    .webcam .thumb img {
      width: 220px;
      height: 185px; }
  .webcam .meta {
    padding: 3px; }
    .webcam .meta hr {
      margin: 1px 0; }
    .webcam .meta img {
      vertical-align: sub; }
    .webcam .meta .username {
      width: 100%;
      display: inline-block;
      font-weight: bold; }
    .webcam .meta .stats {
      font-size: 0.85em;
      font-weight: normal; }
    .webcam .meta .online {
      font-weight: bold;
      padding: 0 2px;
      margin-top: 2px;
      margin-right: 2px;
      background-color: #8FAE4D; }
    .webcam .meta .subject {
      font-size: 0.9em;
      line-height: 1em;
      height: 2.85em;
      overflow: hidden;
      display: block;
      color: #777; }
    .webcam .meta .enter-room {
      width: 100%;
      display: inline-block;
      text-align: center;
      padding: 2px 0; }

iframe.webcam-embed {
  width: 100%;
  height: 48vw;
  min-width: 504px;
  min-height: 522px;
  overflow: hidden;
  padding: 0;
  margin: 0 auto;
  border: none;
  display: block; }

@media (max-width: 850px) {
  iframe.webcam-embed {
    width: 504px; } }
@media (max-width: 1220px) {
  iframe.webcam-embed {
    height: 516px; } }
.see-more {
  font-size: 30px; }

footer {
  background-color: #222222;
  margin-top: 20px;
  padding: 25px;
  color: #D4D4D4;
  text-align: center; }
  footer .btn.btn-primary {
    background-color: #FFD700 !important;
    color: black; }
  footer a.footer-link {
    color: #F3C64A !important; }