html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body {
  font-size: 1.1em;
  line-height: 1.4;
  margin: 0;
  padding: 1em 0 3em;
  font-family: Georgia, sans-serif;
  color: #444;
  background-image: url('cutcube.png');
}
.vessel {
  max-width: 60em;
  padding: 1em 3em;
  margin: 0 auto;
  background-color: rgba(255,255,255,.6);
  box-shadow:  77px 0 77px rgba(255,255,255,.57),
              -77px 0 77px rgba(255,255,255,.6);
}
h1,
h2,
h3 {
  line-height: 1;
  margin: .2em 0;
}
strong {
  font-size: 1.6em;
  font-weight: normal;
}
ul {
  margin: 1em 0;
  padding: 0;
  list-style-position: inside;
}
li {
  margin: .25em 0;
}
[role='banner'] {
}
[role='main'] {
}
[role='complementary'] {
}
[role='contentinfo'] {
}
#thamovie {
  width: 100%;
  min-height: 35.7em;
}

@media (max-width: 797px) {
  body {
    font-size: .9em;
  }
  #thamovie {
    min-height: 29em;
  }
}
@media (max-width: 540px) {
  body {
    font-size: .8em;
  }
  .vessel {
    padding: 1em;
  }
  #thamovie {
    min-height: 22.5em;
  }
}