#menuToggle input {
  display: none;
}
.composite_ad,
.ads_container {
  max-width: 960px;
  margin: 0 auto;
}
.banner_padding {
  padding: 5px 0;
}
#M30073ScriptRootC1136157 {
}
.medianet_728_90 {
  max-width: 728px;
  height: 90px;
  margin: 0 auto;
  text-align: center;
  padding: 3px 0;
}
.medianet_728_90_footer {
  margin-top: 1em;
}
.grid-flow-3 {
  display: grid;
  grid-auto-flow: row;
  grid-template-columns: repeat(3, 1fr);
  max-width: 930px;
  margin: 0 auto;
}
.grid-flow-3 div {
  margin: 5px;
}
@media only screen and (max-width: 899px) {
  .grid-flow-3 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 599px) {
  .grid-flow-3 {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media only screen and (min-width: 1025px) {
  #filmsite_nitro_banner_top_mobile,
  #filmsite_nitro_banner_mobile {
    display: none;
  }
  #filmsite_nitro_banner_top_tablet,
  #filmsite_nitro_banner_tablet {
    display: none;
  }
  #filmsite_nitro_banner_top,
  #filmsite_banner {
    max-width: 970px;
    min-height: 90px;
    margin: 0 auto;
    text-align: center;
    padding: 3px 0;
  }
  #filmsite_banner {
    padding: 5px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #filmsite_nitro_banner_top_mobile,
  #filmsite_nitro_banner_mobile {
    display: none;
  }
  #filmsite_nitro_banner_top_tablet,
  #filmsite_nitro_banner_tablet {
    max-width: 970px;
    min-height: 90px;
    margin: 0 auto;
    text-align: center;
    padding: 3px 0;
  }
  #filmsite_nitro_banner_top {
    display: none;
  }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  #filmsite_nitro_banner_top_mobile,
  #filmsite_nitro_banner_mobile {
    max-width: 728px;
    min-height: 50px;
    margin: 0 auto;
    text-align: center;
    padding: 3px 0;
  }
  #filmsite_nitro_banner_top_tablet,
  #filmsite_nitro_banner_tablet {
    display: none;
  }
  #filmsite_nitro_banner_top {
    display: none;
  }
}

@media only screen and (max-width: 800px) {
  br {
    content: " ";
    display: block;
    height: 0;
  }
  p + br,
  br + br {
    display: initial;
    height: initial;
    content: initial;
  }
  .larger,
  .larger font,
  .larger font a {
    font-size: 1.2rem;
  }
  .largest,
  .largest font,
  .largest font a {
    font-size: 1.5rem;
  }
  .larger font a,
  .largerst font a {
    display: inline-block;
    padding: 0.3em 0.4em;
  }
  #mainBodyWrapper {
    width: 100%;
    padding: 0;
  }
  .site-header {
    position: relative;
  }
  #top_nav {
    position: absolute;
    top: 2.4rem;
    left: 2rem;
  }
  .site-header__left {
    width: 100%;
    float: none;
    text-align: right;
    padding: 1rem 0 0.5rem 0;
  }
  .site-header__left .site-header__logo img {
    margin: 0;
    float: right;
    width: calc(100% - 50px);
  }
  .site-header__right {
    display: block;
    width: 100%;
  }
  .site-header__social ul {
    text-align: center;
  }
  table,
  tr,
  td,
  tbody {
    display: block;
    width: 100%;
    height: auto;
    border: 0px solid transparent;
  }
  table {
    padding: 0em;
    box-sizing: border-box;
  }
  tr {
    border-bottom: 1px solid #ccc;
  }
  td {
    width: auto;
    padding: 0.5em 0.25em;
  }
  table.scroll tbody {
    display: table-row-group;
  }
  table.scroll tr {
    display: table-row;
  }
  table.scroll td {
    display: table-cell;
    min-width: fit-content;
    border: 1px solid rgb(207, 207, 207);
  }
  table.scroll p,
  table.scroll li {
    min-width: 80vw;
  }
  table.scroll {
    position: relative;
    padding-top: 1em;
    display: block;
    max-width: -moz-fit-content;
    max-width: fit-content;
    margin: 0 auto;
    overflow-x: auto;
  }
  table.scroll:before {
    content: "<<<  scroll to view chart  >>>";
    width: 100%;
    display: block;
    margin-bottom: 1.5em;
    position: relative;
    color: #000;
    font-size: 1rem;
  }
  table.scroll img {
    width: auto;
    max-width: 90vw;
  }
  img {
    display: block;
    float: none;
    margin: 0 auto;
    max-width: 100%;
    height: auto;
    width: inherit;
    padding: 0.25em 0;
  }
  .site-footer {
    width: 100%;
  }
  .navigation--secondary-footer-menu .navigation__menu {
    margin: 0.75rem;
  }
  #menu > ul .navigation__submenu {
    display: none;
  }
  <!-- #menu > ul > li:after {
    content: "";
    position: absolute;
    right: 40px;
    top: 7px;
    width: 0;
    height: 0;
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    border-left: 16px solid #ffffff;
    clear: both;
  }
  //-->
}

@media only screen and (max-width: 800px) {
  .site-footer .navigation--primary {
    display: none;
  }
  #menuToggle {
    display: block;
    position: relative;
    top: 0;
    left: 0;

    z-index: 1;

    -webkit-user-select: none;
    user-select: none;
  }

  #menuToggle a {
    text-decoration: none;
    color: #ffffff;

    transition: color 0.3s ease;
  }

  #menuToggle input {
    display: block;
    width: 40px;
    height: 32px;
    position: absolute;
    top: -7px;
    left: -5px;

    cursor: pointer;

    opacity: 0; /* hide this */
    z-index: 2; /* and place it over the hamburger */

    -webkit-touch-callout: none;
  }

  /*
 * Just a quick hamburger
 */
  #menuToggle span {
    display: block;
    width: 33px;
    height: 4px;
    margin-bottom: 5px;
    position: relative;

    background: #ffffff;
    border-radius: 3px;

    z-index: 1;

    transform-origin: 4px 0px;

    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1),
      background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease;
  }

  #menuToggle span:first-child {
    transform-origin: 0% 0%;
  }

  #menuToggle span:nth-last-child(2) {
    transform-origin: 0% 100%;
  }

  /* 
 * Transform all the slices of hamburger
 * into a crossmark.
 */
  #menuToggle input:checked ~ span {
    opacity: 1;
    transform: rotate(45deg) translate(-2px, -1px);
    background: #ffffff;
  }

  /*
 * But let's hide the middle one.
 */
  #menuToggle input:checked ~ span:nth-last-child(3) {
    opacity: 0;
    transform: rotate(0deg) scale(0.2, 0.2);
  }

  /*
 * Ohyeah and the last one should go the other direction
 */
  #menuToggle input:checked ~ span:nth-last-child(2) {
    transform: rotate(-45deg) translate(0, -1px);
  }

  /*
 * Make this absolute positioned
 * at the top left of the screen
 */
  #menu {
    position: absolute;
    top: -2.4rem;
    left: -2rem;
    width: 100vw;
    margin: 0;
    padding: 70px 0;

    background: #111111;
    list-style-type: none;
    -webkit-font-smoothing: antialiased;
    /* to stop flickering of text in safari */

    transform-origin: 0% 0%;
    transform: translate(-100vw, 0);

    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
  }

  #menu li {
    display: block;
    padding: 10px 0;
    font-size: 22px;
  }

  /*
 * And let's slide it in from the left
 */
  #menuToggle input:checked ~ #menu {
    transform: none;
  }
  .navigation--primary .navigation__menu > .menu-item ~ .menu-item {
    border: 0;
  }
}