.diagram2d_smaller {
  width: 35%;
}
@media (max-width: 575px) {
  .diagram2d_smaller {
    width: 50%;
  }
}

.diagram2d_smallerer {
  width: 30%;
}
@media (max-width: 575px) {
  .diagram2d_smallerer {
    width: 40%;
  }
}

.diagram2d_double {
  width: 75%;
}
@media (max-width: 575px) {
  .diagram2d_double {
    width: 100%;
  }
}

.center {
  padding-left: 0;
  padding-right: 0;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.yetanothertable {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  margin-left: auto;
  margin-right: auto;
}
.yetanothertable tr,
.yetanothertable td {
  background-color: #ffffff;
  border: none;
  padding: 0;
}
.yetanothertable td {
  vertical-align: middle;
  width: 50%;
}
@media (max-width: 575px) {
  .yetanothertable td {
    display: block;
    margin: 0 auto;
  }
}