.features-list.list-group a {
  padding: 6px 10px
}

main>section {
  margin-top: 2em
}

.policy-toggle {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center
}

.policy-toggle h3 {
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto
}

header {
  padding: 15px 0
}

header a {
  color: #000
}

h2 {
  font-weight: lighter;
  font-size: 50px
}

h3 {
  font-size: 1.75rem;
  font-weight: 300
}

.demo-container {
  background: #444;
  padding: 10px;
  border-radius: 2px;
  margin-bottom: 1em
}

.demo-container h4 {
  font-size: 1rem;
  font-weight: 700;
  margin: 0;
  color: #fff;
  background: #000;
  padding: 4px
}

.demo-code-blocks {
  font-size: .8rem
}

.demo-code-blocks pre {
  margin-bottom: 0
}

.demo-code-blocks>:not(:first-child) {
  margin-top: 10px
}

.demo-output {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column
}

.demo-output iframe {
  border: 0;
  width: 100%;
  height: 100%;
  overflow: scroll;
  background: #fff
}

.result.alert {
  display: -webkit-flex;
  display: flex;
  -webkit-align-content: center;
  align-content: center;
  -webkit-align-items: center;
  align-items: center
}

.result.alert .spinner-grow {
  margin-right: 10px
}

.result.alert p {
  margin: 0
}

.result.alert p.detail {
  margin-top: .3em;
  font-size: 90%;
  font-weight: 700
}

.tags .badge {
  margin-right: 10px
}

.feature-header {
  padding-bottom: 10px;
  margin-bottom: 1em;
  border-bottom: 1px dotted #777
}

.feature-header h2 {
  margin: 0
}

.browser-support {
  margin-bottom: 1em
}

.browser-support .card-text {
  text-align: center;
  line-height: 25px
}

.browser-support .card-text i {
  margin-right: .4em
}

.browser-support.supported .card-text {
  font-size: 22px;
  color: #090
}

.browser-support.unknown .card-text {
  color: #444;
  font-style: italic
}

.browser-support.unsupported .card-text {
  color: #a00;
  font-size: 15px
}

.browser-support .card-img-top {
  height: 80px;
  background: #eee;
  padding: 10px
}

footer {
  font-size: 85%;
  background-color: #f7f7f7;
  margin-top: 20px
}

footer .container {
  padding-top: 30px;
  padding-bottom: 30px
}

footer .footer-links {
  padding-left: 0;
  margin-bottom: 1rem
}

footer .footer-links li {
  display: inline-block
}

footer .footer-links li+li {
  margin-left: 15px
}

footer .footer-links a {
  font-weight: 600;
  color: #495057
}

.features-list {
  width: 100%;
  margin-bottom: 1em
}

.features-list td {
  padding: 3px
}

.features-list tr:nth-child(2n) {
  background: #f0f0f0
}

.features-list .browser {
  display: inline-block
}

.features-list .browser.requires-flag {
  color: red
}

.features-list .browser i {
  vertical-align: super;
  font-size: 50%;
  margin-left: 2px
}

.features-list .browser img {
  width: 20px;
  vertical-align: middle;
  margin-right: 5px;
  display: inline-block
}

.features-list .browser+.browser,
.features-list .links a+a {
  margin-left: 10px
}