#packageImages img {
  width: 100px;
  height: auto;
}

.table td,
.table th {
  padding: 0.5rem;
}

.table thead th {
  border-top: 0px;
}

td p {
  text-align: center;
}

p.Basic {
  color: #28bcba;
}

button.Basic {
  background-color: #28bcba;
}

p.Professional {
  color: #674baa;
}

button.Professional {
  background-color: #674baa;
}

#selectionButtons button {
  width: 300px;
}

#withoutArchiveButton {
  background-color: white;
  border: 5px solid #28bcba;
  color: #28bcba;
}

#withoutArchiveButton:hover {
  background: #3a3a3a;
  border-color: #3a3a3a;
  color: white;
}

@media (max-width: 745px) {

  .RespTable td p {
    text-align: right!important;
  }

  .description {
    text-align: center; 
  }

  .description a{
    font-size: 15px;
  }

  .RespTable th {
    background: #f5f8fd;
  }

  .RespTable,
  .RespTable thead,
  .RespTable tbody,
  .RespTable tr,
  .RespTable th,
  .RespTable td {
    display: block;
  }

  .RespTable {
    text-align: right;
  }

  .RespTable thead {
    position: absolute;
    top: -1111px;
    left: -1111px;
  }

  .RespTable td:before {
    float: left;
    padding: 0 10px 0 0;
    content: attr(data-label) "";
  }

  .RespTable .BasicButton:before {
    content: "Basic";
  }

  .RespTable .ProfessionalButton:before {
    content: "Professional";
  }

  .RespTable td:nth-child(1) {
    font-weight: bold;
  }

  .RespTable td:first-child {
    border-top: 5px #1d4d33 solid;
  }

  .oddRow {
    background: #fff;
  }

  .oddCol {
    background: #f5f8fd;
  }
}