#versions_container {
  max-width: 100%;
  overflow-x: scroll;
}
#versions td {
  padding:6px 24px;
  border-spacing:0;
  font-size: 19px;
  line-height: 40px;
  border-width:1px;
}
table#versions {
  margin: 0 auto;
  overflow: hidden;
}
#versions tr:first-of-type td, #versions tr:last-of-type td {
  line-height: 14px;
  font-size: 23px;
}
#versions tr:first-of-type td {
  font-family:Lobster;
}
#versions.is-hover-left tr td:nth-child(2),
#versions.is-hover-right tr td:nth-child(4)
{
  border-width:2px;
  padding-left: 23px;
  padding-right: 23px;
}
#versions.is-hover-left tr:first-of-type td:nth-child(2),
#versions.is-hover-left tr:last-of-type td:nth-child(2),
#versions.is-hover-right tr:first-of-type td:nth-child(4),
#versions.is-hover-right tr:last-of-type td:nth-child(4)
{
  padding-bottom: 5px;
}

#versions tr:not(:last-of-type):not(:first-of-type) td {
  background-color: #eee;
  box-shadow: 0 20px 0 #fff inset;
  padding-top: 30px;
}
#versions tr td:first-of-type, #versions tr td:last-of-type {
  padding:0 20px;
}
#versions tr:not(:first-of-type) td:nth-child(even) {
  border-left-style: solid;
  border-right-style: solid;
}
#versions tr:first-of-type td:nth-child(even), #versions tr:last-of-type td:nth-child(even) {
  border-bottom-style: solid;
}
#versions tr button {
  margin:0;
  font-size: 19px;
  padding: 10px 30px;
}
#versions tr td:nth-child(3) {
  font-weight: bold;
}
#versions tr td div {
  font-size: 40px;
  font-family: Helvetica;
}
#versions td:hover {
  cursor: pointer;
}

@media all and (max-width: 720px) {
  #versions tr td:first-of-type, #versions tr td:last-of-type {
    padding:0 0;
  }
  #versions td {
    padding:6px 6px;
    line-height: 20px;
  }
  #versions.is-hover-left tr td:nth-child(2),
  #versions.is-hover-right tr td:nth-child(4)
  {
    padding-left: 5px;
    padding-right: 5px;
  }
  #versions tr button {
    margin:0;
    font-size: 19px;
    padding: 5px 10px;
  }
  #versions tr:first-of-type td, #versions tr:last-of-type td {
    line-height: 20px;
  }
  article.centered {
    padding-left:3px;
    padding-right: 3px;
  }
}



#features > div {
  width: 300px;
  display: inline-block;
  /*border: 2px solid black;*/
  height: 240px;
  vertical-align: top;
  padding: 15px 30px;
  -moz-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
  /*max-width: 30%;*/
  moz-transition-property: all;
  -moz-transition-duration: 0.2s;
  -o-transition-property: all;
  -o-transition-duration: 0.2s;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.2s;
}
#features > div:hover {
  -moz-transform: scale(1.01, 1.03);
  -webkit-transform: scale(1.03, 1.03);
  -o-transform: scale(1.03, 1.03);
  transform: scale(1.03, 1.03);
  moz-transition-property: all;
  -moz-transition-duration: 0.2s;
  -o-transition-property: all;
  -o-transition-duration: 0.2s;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.2s;
}
#features > div > span {
  display: block;
  height: 150px;
  overflow: hidden;
  vertical-align: baseline;
  line-height: 180px;
  position: relative;
  /*border: 2px solid red;*/
}
#features > div > span > .fa {
  line-height: 180px;
  font-size:100px;
}
@media all and  (max-width: 768px) {
  #features #payment span, #features #adfree span, #features #account_provisioning span {
    height:120px;
  }
  #features #payment span .fa, #features #adfree span .fa ,#features #account_provisioning span .fa {
      line-height: 100px;
  }
  #features #payment {
    height: 190px;
  }
  #features #adfree {
    height: 150px;
  }
  #features #account_provisioning {
    height: 180px;
  }
}


#packages table {
  width: 100%;
  max-width: 830px;
  margin: 0 auto;
}
#packages td {
  border:0.2px solid #ccc;
  padding:5px 10px;
}
#packages td:first-of-type, #packages td:nth-of-type(4) {
  text-align: right;
  width: 260px;
}
#packages td:nth-of-type(2), #packages td:nth-of-type(5) {
  text-align: left;
  width: 260px;
}
#packages td:nth-of-type(3){
  border:none;
}
#packages td:nth-child(5) > span {
  display: inline-block;
  width: 80px;
  text-align: right;
}
#packages td:nth-child(2) > span {
  display: inline-block;
  width: 65px;
  text-align: right;
}