div.seealso {
  margin-left: -0.9em;
  margin-bottom: 1.3em;
}
.seealso span.active_menu {
  background-color: #eeead5;
}
.seealso span.menu {
  z-index: 1;
  font: normal 11px Verdana;
  line-height: 16px;
  color: #000000;
  padding: 3px 16px 3px 1.08em;
  position: relative;
}

img {
  max-width: 100%;
  height: auto;
}

.fix-container {
  position: relative;
  margin: 0 0 2em;
}

.right-margin {
  margin-right: 6%;
}

@media only screen and (max-width: 1399px) and (min-width: 1250px) {
  .left-margin {
    margin-right: calc((-100vw + 1250px) / 2);
  }

  .right-margin {
    margin-left: calc((-100vw + 1250px) / 2);
  }

  .sides-margin {
    margin-left: calc((-100vw + 1250px) / 2);
    margin-right: calc((-100vw + 1250px) / 2);
  }
}

@media only screen and (min-width: 1591px) {
  .left-margin {
    margin-right: calc((-100vw + 1592px) / 2);
  }

  .right-margin {
    margin-left: calc((-100vw + 1592px) / 2);
  }

  .sides-margin {
    margin-left: calc((-100vw + 1592px) / 2);
    margin-right: calc((-100vw + 1592px) / 2);
  }
}

.browser-wrapper {
  width: 100%;
  margin-bottom: 40px;
  -webkit-box-shadow: 0 20px 20px rgba(0,0,0,.1);
          box-shadow: 0 20px 20px rgba(0,0,0,.1);
}

.topbar img {
  max-width: none;
  height: 4.61vh;
}

.frame {
  max-width: none;
  height: 79vh;
  vertical-align: top;
}

.sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 30px;
}
.sticky td {
  background-color: #fff;
  -webkit-font-smoothing: subpixel-antialiased;
}

.sticky:before,
.sticky:after {
    content: '';
    display: table;
}

@media screen and (min-aspect-ratio: 5/3) {
  .topbar img {
    max-width: none;
    width: 100%;
    height: auto;
  }

  .frame {
    max-width: none;
    width: 100%;
    height: auto;
  }

}

@media screen and (max-width: 1000px) {
  .topbar img {
    max-height: 32px;
  }
  .frame {
    max-height: 550px;
  }
}

@media screen and (min-width: 1001px) and (max-width: 1100px) {
  .topbar img {
    max-height: 35px;
  }
  .frame {
    max-height: 600px;
  }
}

@media screen and (min-width: 1101px) and (max-width: 1200px) {
  .topbar img {
    max-height: 36px;
  }
  .frame {
    max-height: 620px;
  }
}

@media screen and (min-width: 1201px) and (max-width: 1300px) {
  .topbar img {
    max-height: 37px;
  }
  .frame {
    max-height: 640px;
  }
}

@media screen and (min-width: 1301px) and (max-width: 1400px) {
  .topbar img {
    max-height: 38px;
  }
  .frame {
    max-height: 660px;
  }
}

@media screen and (min-width: 1401px) and (max-width: 1500px) {
  .topbar img {
    max-height: 38px;
  }
  .frame {
    max-height: 680px;
  }
}