@media screen and (min-width: 640px) and (max-width: 1023px)
{
  div.featureset div:nth-of-type(2n+1)
  {
    clear:        both;
  }

  div.figureWrapper
  {
    width:         50.0%;
  }
}
@media screen and (min-width: 1024px)
{
  div.featureset div:nth-of-type(3n+1)
  {
    clear:        both;
  }

  div.figureWrapper
  {
    width:         33.3333%;
  }
}

div.figureWrapper
{
  float:         left;
  margin:        0px 0px 10px;
  position:      relative;
  min-height:    1px;
  padding-left:  15px;
  padding-right: 15px;
}

.helpWrapper
{
  position:     relative;
  display:      block;
  width:        100%;
  margin-left:  auto;
  margin-right: auto;
}

div.figureWrapper p:first-of-type, div.figureWrapper h3:first-of-type
{
  text-align:  center;
}

section.modelHelp
{
  position:             absolute;
  padding-right:        5%;
  padding-left:         5%;
  z-index:              +1;
  background-color:     ivory;
}

#modelHelpCheck:checked ~ section.modelHelp
{
  max-height:           100%;
  border-color:         #cccccc;
  border-style:         solid;
  border-width:         3px;
}


figure.feature canvas, figure.feature svg, figure.feature img, figure.feature pre, figure.feature embed,  figure.feature div.MathJax_Display
{
  display: block;
  margin:  0 auto;
}

figure.code
{
  margin-left:  0;
  margin-right: auto;
}

svg.controller
{
  height:        225px;
}

span.comment
{
  color:         #969696;
}

span.variable
{
  color:         #007c00;
}

span.function
{
  color:         #ce7b00;
}

span.keyword
{
  color:         #0000e6;
}