@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 300;
  src: url("./vendor/fonts/lato-fontfacekit/Lato-Lig-webfont.eot"), url("./vendor/fonts/lato-fontfacekit/Lato-Lig-webfont.ttf") format("truetype"); }

@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: normal;
  src: url("./vendor/fonts/lato-fontfacekit/Lato-LigIta-webfont.eot"), url("./vendor/fonts/lato-fontfacekit/Lato-LigIta-webfont.ttf") format("truetype"); }

@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: normal;
  src: url("./vendor/fonts/lato-fontfacekit/Lato-Reg-webfont.eot"), url("./vendor/fonts/lato-fontfacekit/Lato-Reg-webfont.ttf") format("truetype"); }

@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: normal;
  src: url("./vendor/fonts/lato-fontfacekit/Lato-RegIta-webfont.eot"), url("./vendor/fonts/lato-fontfacekit/Lato-RegIta-webfont.ttf") format("truetype"); }

@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: bold;
  src: url("./vendor/fonts/lato-fontfacekit/Lato-Bol-webfont.eot"), url("./vendor/fonts/lato-fontfacekit/Lato-Bol-webfont.ttf") format("truetype"); }

@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: bold;
  src: url("./vendor/fonts/lato-fontfacekit/Lato-BolIta-webfont.eot"), url("./vendor/fonts/lato-fontfacekit/Lato-BolIta-webfont.ttf") format("truetype"); }

html {
  margin: 0em;
  padding: 0em; }

body {
  height: 100%;
  min-height: 100%;
  font-size: 1em;
  font-family: 'Lato', Verdana, Geneva, sans-serif;
  margin: 0;
  padding: 0;
  background-color: white;
  color: #3f3f3f; }

h1 {
  color: white;
  font-family: 'Lato', georgia, times, "times new roman", serif;
  font-weight: 600;
  font-size: 1.3em; }
  h1 a {
    text-decoration: none; }

h2 {
  color: #5f5f5f;
  font-family: 'Lato', georgia, times, "times new roman", serif;
  font-weight: 600;
  font-size: 1.15em;
  margin-top: 0; }
  h2 a {
    text-decoration: none; }

h3 {
  font-family: 'Lato', georgia, times, "times new roman", serif;
  font-weight: 600;
  font-size: 1.1em; }
  h3 a {
    text-decoration: none; }

a {
  text-decoration: none; }

code {
  font-size: 0.95em; }

a {
  font-weight: 600; }

iframe {
  border: none; }

.iframe-container {
  margin-bottom: 0.5em; }

#header {
  background-color: #3a878b;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3a878b), color-stop(100%, #8cbbb8));
  background-image: -webkit-linear-gradient(top, #3a878b, #8cbbb8);
  background-image: -moz-linear-gradient(top, #3a878b, #8cbbb8);
  background-image: -ms-linear-gradient(top, #3a878b, #8cbbb8);
  background-image: -o-linear-gradient(top, #3a878b, #8cbbb8);
  background-image: linear-gradient(top, #3a878b, #8cbbb8);
  color: white;
  padding: 0.5em 1em;
  position: relative;
  font-size: 1em;
  font-weight: 600; }
  #header h1 {
    margin-right: 11em; }
    #header h1 a {
      color: white; }
  #header a#logo {
    display: block;
    height: 3.25em;
    margin: -1.625em 0 0;
    position: absolute;
    right: 2.25em;
    top: 50%;
    width: 10.5em; }
    #header a#logo img {
      border: none;
      height: 3.25em;
      width: 10.5em; }

@media screen and (max-width: 480px) {
  #header h1 {
    margin-right: 0; }
  #header a#logo {
    clear: both;
    display: block;
    float: none;
    margin: 1em 0 0;
    position: relative;
    right: auto;
    top: auto; } }
#under-header-links {
  margin: 0em;
  padding: 0.5em 1em 0.5em 1em;
  font-size: 90%;
  background-color: #f0f0f0; }

a {
  color: #3a878b; }
  a:hover {
    color: #da5936; }

p {
  margin: 1em 0em 0.5em 1em;
  padding: 0em 0em 0em 0em; }

ul {
  margin: 1em 0em 1em 0em;
  padding: 0em 0em 0em 0em; }
  ul li {
    margin: 0.3em 0.2em 0.3em 0.2em;
    padding: 0em 0em 0em 0em; }

#content {
  width: 100%; }

#experiments-divider {
  margin: 1em 1em 0em 1em;
  border-top: 2px solid #d0d0d0; }

.column1 {
  width: 45%;
  max-width: 80em;
  vertical-align: top;
  display: inline-block; }

.column2 {
  width: 45%;
  max-width: 80em;
  margin-left: 1em;
  vertical-align: top;
  display: inline-block; }

.item-list {
  padding: 0.5em 1em 0em 1em; }
  .item-list p {
    margin-left: 0em;
    padding: 0em; }
    .item-list p a {
      text-decoration: none; }
  .item-list blockquote {
    margin: 0.5em 1.5em 0.5em 1em; }
    .item-list blockquote p {
      font-size: 90%;
      font-style: italic; }
  .item-list ul {
    list-style-type: none;
    margin: 0.5em 0em 0.5em 0em;
    padding: 0em; }
    .item-list ul li {
      margin: 0.5em 0.2em 0em 0.5em;
      padding: 0em;
      font-weight: 400; }
      .item-list ul li p {
        margin-left: 1em;
        margin-top: 0.5em;
        padding: 0em;
        font-weight: normal; }
      .item-list ul li ul {
        list-style-type: none;
        margin: 0.2em 0em 0em 1em;
        padding: 0em; }
        .item-list ul li ul li {
          font-size: 90%;
          margin: 0.2em 0.2em 0em 0em;
          padding: 0em; }
  .item-list ol {
    margin: 0.5em 0 0;
    padding: 0; }
    .item-list ol li {
      margin: 0.5em 0.2em 0 0;
      padding: 0; }

.content h2, .content h3, .content p {
  margin: 0.5em 1em 0.5em 1em; }
  .content h2 a, .content h3 a, .content p a {
    text-decoration: none; }
.content ul {
  margin: 1em 1em 1em 2em; }
.content .float-right {
  float: right;
  margin: 0.01em 1em 0 1em; }

@media screen and (max-width: 700px) {
  .content .float-right {
    clear: both;
    float: none; } }
.framed img {
  margin: 1em;
  max-width: 600px;
  width: 100%; }

.warning {
  background: #ffcccc;
  font-size: 0.9em;
  margin: 0;
  padding: 0.5em;
  text-align: center !important; }