.devsite-landing-demo-code {
  -ms-flex-order: 1;
  order: 1;
  width: calc((100% - 20px)*2/3);
}
.devsite-landing-demo-code pre {
  margin-top: 0;
}
.devsite-landing-demo-image {
  -ms-flex-item-align: flex-start;
  align-self: flex-start;
  margin: 0 0 0 40px;
  max-width: 424px;
  -ms-flex-order: 2;
  order: 2;
  width: calc((100% - 80px)*1/3);
}
.devsite-landing-demo-examples .devsite-landing-row-item {
  -ms-flex-direction: column;
  flex-direction: column;
}
.devsite-landing-demo-content {
  display: -ms-flex;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
}

@media screen and (max-width: 1000px) {
  .devsite-landing-row-group {
    display: block;
  }
}

@media screen and (max-width: 720px) {
  .devsite-landing-row-1-up .devsite-landing-row-item,
  .devsite-landing-demo-content {
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .devsite-landing-demo-code,
  .devsite-landing-demo-image {
    margin: 0 0 32px;
    width: 100%;
  }
  .devsite-landing-demo-code {
    -ms-flex-order: 2;
    order: 2;
  }
  .devsite-landing-demo-image {
    -ms-flex-order: 1;
    order: 1;
  }
}