.red { color: #EF5350; }
.green { color: #66BB6A; }
.blue { color: #42A5F5; }
.yellow { color: #FFEE58; }
.orange { color: #FFA726; }
.pink { color: #EC407A; }
.purple { color: #AB47BC; }
.teal { color: #26A69A; }
.lightblue { color: #29B6F6; }
.cyan { color: #26C6DA; }
.lime { color: #D4E157; }
.brown { color: #8D6E63; }

.md-footer__inner, .md-footer-meta { display: none }

.video-wrapper {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
}
.video-wrapper > iframe {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.video-wrapper > video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}