html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

/* Default size for example/quiz videos on learner-facing pages: shown at
   roughly half the screen width by default, with the caption or question
   text right below it. The player's own controls let the learner go
   fullscreen manually if they want a bigger view. */
.video-half {
  display: block;
  width: 100%;
  max-width: 624px;
  height: auto;
  margin: 0 auto 1rem;
  background: #000;
}

@media (min-width: 768px) {
  .video-half {
    width: 65vw;
    max-width: 832px;
  }
}