html,
body {
  margin: 0px;
  padding: 0px;
  height: 100%;
  width: 100%; }

body {
  background: #008391;
  padding: 2em; }
  @media only screen and (max-width: 768px) {
    body {
      padding: .5em; } }

.container:not(.footer) {
  min-height: 100%;
  background: #fff;
  padding: 2em;
  border-radius: 4px;
  box-shadow: 0 0 1px black;
}
  @media only screen and (max-width: 768px) {
    .container:not(.footer) {
      padding: .5em; } }

.footer {
  color: #000;
  font-weight: 300; }
  .footer > div {
    margin: 1em 0 2em; }

.banner {
  height: auto;
  max-width: 100%;
  border-radius: 4px; }

#content {
  padding: 2em 0;
  height: auto; }
  @media only screen and (max-width: 992px) {
    #content #player-wrapper {
      margin-bottom: 2em; } }

.jwplayer:not(.jw-flag-fullscreen) {
  margin: 0px auto;
  max-width: 858px !important;
  max-height: 480px !important; }