.presentation p {
    max-width: 700px;
    padding: 0;
    margin-bottom: 15px;
}
.presentation section.fullgrid {
    background: #f3f3f3;
    padding: 25px;
    border-radius: 15px;
    box-shadow: 2px 2px 2px #cacaca;
    border: 1px solid #d6d6d6;
    margin-bottom: 25px;
}

.darkmode .presentation section.fullgrid {
    box-shadow: 1px 1px 1px #1c1c1c;
    background: #2d2e2f;
    border: 1px solid #151515;
}

img.round-corners {
    border: 1px solid #dedede;
    border-radius: 15px;
    max-width: 400px;
 }

.darkmode img.round-corners {
    border: 1px solid #222222;
}



div#comparisonchart {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  word-wrap: normal;
  word-break: normal;
}
ul#comparisonchartmobile {margin:0; padding: 0;width:100%}
#comparisonchartmobile li {list-style:none;float:left;width: 20%;box-sizing: border-box;border:0;}
#comparisonchartmobile li:last-child {border-right:1px solid #DDD;}
.chartheader button {
  width:100%;
  border: 1px solid #DDD;
  border-right:0;
  border-top:0;
  padding: 10px;
  background:#F5F5F5;
  font-size:14px;
  font-weight:bold;
  height:60px;
  color:#999;
}
.selected button {background:#fdfdfd;color:#000;border:0;}
table { border-collapse:collapse; table-layout:fixed;width: 100% !important;}
th { background:#F5F5F5; display:none; }
td, th {height:25px}
td,th { border:1px solid #dcdcdc; padding:5px 10px 5px 10px; empty-cells:show; background: #efefef;}
td,th {text-align:left;}
td+td, th+th {text-align:center;display:none;}
td.selected {display:table-cell;}
td.selected {background: #fdfdfd;}
td.category {
    background: #f7f7f7;
    font-weight: bold;
    color: #3a3a3a;
}
#comparisonchartmobile .chartheader, .chartheader {border-top:3px solid #2DB2EA;}
#comparisonchartmobile .chartheader.selected, .chartheader.selected {border-top:3px solid red;}
.txt-l { font-size:28px; font-weight:bold; }
.txt-top { }
#comparisontable .yes { font-size:14px; color:#2CA01C; font-weight: normal;}
#comparisontable .no { font-size:14px; color:#f94b4b; font-weight: normal;}
.celloff {border:0;background:none;}
/* responsive */
#comparisontable td.selected {width: 40%;}

@media (min-width: 750px) {
  table#comparisontable {display:block;width: 100%;}
  ul#comparisonchartmobile {display:none; }
  td,th {display:table-cell !important;}
  #comparisontable td {width: 12%;}
  #comparisontable td.description {width: 40%;}
}

/* darkmode */
.darkmode td.category {background: #1f2021;color: #cecece;}
.darkmode td, .darkmode th {border: 1px solid #1f2021;background: #2d2e2f;}
.darkmode td.selected {background: #3c3c3c;}
.darkmode .chartheader.selected {background: #3c3c3c;}
.darkmode .chartheader button {border: 1px solid #1f2021;background: #2d2e2f;}
.darkmode .chartheader.selected button {background: #3c3c3c;color:silver;}