/* your custom css */

@media only screen and (min-device-width: 360px) and (max-device-width: 736px) {
}

@media only screen and (min-width: 1024px) {
}

@media only screen and (max-width: 1023px) {
}

@media only screen and (min-width: 1400px) {
}

@media only screen and (min-width: 1500px) {
}

.interface-table pre {
  margin: 0;
  padding: 0;
}
.interface-table pre code {
  margin: 0;
  padding: 0;
  background: none;
}

.gridBlock .twoByGridBlock img {
  width: 100%;
  max-width: 100%;
}
.imageAlignSide {
  flex-wrap: nowrap;
}
.imageAlignSide .blockImage {
  flex: 1 3 500px;
  max-width: none;
}
.imageAlignSide .blockContent {
  flex: 1 1 500px;
  max-width: none;
}
.imageAlignSide.alignCenter .blockContent {
  text-align: left;
}
@media (min-width: 1000px) {
  .gridBlock .twoByGridBlock img {
    width: 100%;
    max-width: 400px;
  }
  .typescript-big-image .gridBlock .twoByGridBlock img {
    max-width: 300px;
  }
}

.gridBlock .threeByGridBlock img,
.gridBlock .fourByGridBlock img {
  max-width: 120px;
  max-height: 120px;
  width: 120px;
  height: 120px;
}

.imageAlignTop .blockImage {
  max-width: 120px;
}
