/* blockly demo */

@media only screen and (max-width: 799px) {
  #desktop-demo-div {
    display: none;
  }
}

@media only screen and (min-width: 800px) {
  #mobile-demo-div {
    display: none;
  }
}

#mobile-demo-div {
  height: auto;
}

.half-width {
  width: calc((100% - 40px)/2);
  float: none !important;
}

.framed-demo {
  display: block;
  width: calc(100% - 44px);
  height: calc((100vw - 304px)*9/16);
  margin-left: auto;
  margin-right: auto;
  margin-top: 22px;
  margin-bottom: 22px;
  max-width: 960px;
  max-height: 540px;
}

.framed-carousel {
  display: block;
  width: 100%;
  height: 95px;
}

.short-header {
  margin-bottom: 22px !important;
}

.tall-header {
  margin-top: 43px !important;
  margin-bottom: 20px !important;
}

/* icon position */

.baseline-fix {
  position: relative;
  line-height: 16px;
  top: 6px;
}