/* CSS Document */

.screenshots {
  float: right;
  width: 356px;
  font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
  font-size: 1.4em;
  font-weight: bold;
  color: #005449;
  background-color: #B3CCC9;
  margin: 0px 0px 20px 40px;
  border: solid 1px #005449;
}

div.screenshots ::-webkit-scrollbar {
  width: 10px;
}

div.screenshots ::-webkit-scrollbar-track {
  background-color: #B3CCC9;
  -webkit-box-shadow: inset 0 0 6px rgba(7,33,28,0.4);
}

div.screenshots ::-webkit-scrollbar-thumb {
  background-color: #80AAA4;
  border-radius: 8px;
  -webkit-box-shadow: inset 0 0 6px rgba(7,33,28,0.2);
  border: 2px solid transparent;
  border-top: 3px solid transparent;
  background-clip: content-box;
}

div.screenshots p {
  margin: 9px 0px 1px 20px;
}

.screenshots_scroll {
  height: 653px;
  overflow: auto;
  white-space:nowrap;
  padding: 0px 10px 0px 10px;
}

div.screenshots img {
  margin: 10px 10px 10px 10px;
}

@media (max-width: 650px) {
  .screenshots {
    width: 291px;
  }
  .screenshots_scroll {
    height: 543px;
  }
  .screenshots img {
    max-width: 231px;
    width: auto;
    height: auto;
  }
}

.feat_table {
  position: relative;
  display: table;
  margin: 2.0em auto 1.0em auto;
  border: 1px solid #005449;
  border-top: 2px solid #005449;
  border-left: 2px solid #005449;
}

.feat_table-row {
  display: table-row;
}

.feat_table-cell {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  padding: 0.5em 0.8em 0.5em 0.8em;
  border-bottom: 1px solid #005449;
  border-right: 1px solid #005449;
}

.feat_table-row-header .feat_table-cell {
  font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
  font-size: 1.2em;
  font-weight: 700;
  color: #005449;
  padding: 0.5em 1.0em 0.5em 1.0em;
  border-bottom: 2px solid #005449;
}

.feat_table-cell-header {
  text-align: left;
  border-right: 2px solid #005449;
}