html,
body {
  height: 100%;
}

body .btn:focus,
body .btn:active:focus,
body .btn.active:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
  outline: none;
  box-shadow: none;
}

.container {
  height: 100%;
  width: 100%;
  background-color: #000;
}

.container-box {
  display: block;
  padding: 10px;
  margin: 0 auto;
  width: 100%;
  text-align: center;

}

.nav.mutted li a {
  pointer-events: none;
  cursor: default;
}

.navbar-nav {
  width: 100%;
  text-align: center;
}

.navbar-nav > li {
  float: none;
  display: inline-block;
}

.navbar-default {
  margin: 0 auto;
}

.navbar-default.navbar-dark.bg-dark {
  box-shadow: none;
  background-image: none;
  background-color: #000;
  border: none;
  outline: none;
}

.navbar-nav li img {
  max-height: 20px;
}

.justify-content-between {
  -webkit-box-pack: justify !important;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}

.d-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

main {
  position: relative;
}

.logo-home {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}

.logo-home img {
  width: 100%;
}

.modal-content {
  background: #ececec;
}

footer {
  margin-top: 2em;
}

.modal-backdrop.in {
    filter: alpha(opacity=80);
  opacity: .8;
}
@media (min-width: 1200px) {
  .navbar-nav li img {
    max-height: 30px;
    min-height: 30px;
  }

  .navbar-default.navbar-dark.bg-dark {
    padding: 3em 0;
  }

}

@media (min-width: 1080px) {
  main {
    min-height: 50%;
  }

  .logo-home img {
    max-width: 920px;
  }
}

@media (min-width: 769px) and (max-width: 1079px) {
  main {
    min-height: 480px;
  }

  .logo-home img {
    max-width: 680px;
  }
}

@media (max-width: 768px) {
  main {
    min-height: 320px;
  }
    .logo-home img {
    max-width: 4  80px;
  }
}