.compare-chart {
  padding: 40px 0;
}

.compare-chart h2 {
  text-align: center;
  font-size: 32px;
  padding-bottom: 32px;
}

.comparison-table {
  position: relative;
  max-width: 1440px;
  margin: 0 auto;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  overflow-x: auto;
  background-color: #fff;
  padding: 16px;
  border-radius: 8px;
}

.comparison-table table {
  padding: 16px;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

.comparison-table th,
.comparison-table td {
  min-width: 175px;
  padding: 16px 8px;
}

.comparison-table th {
  font-family: proxima-nova-normal-600, Helvetica, Arial, sans-serif;
  text-align: center;
}

.comparison-table tr>td:nth-child(1) {
  font-family: proxima-nova-normal-600, Helvetica, Arial, sans-serif;
}

.comparison-table .main-image {
  max-height: 175px;
}

.comparison-table th:first-child {
  border: 0;
}

.comparison-table th:nth-child(2n),
.comparison-table td:nth-child(2n) {
  position: relative;
}

.comparison-table tr:nth-child(2n) {
  background: #F3F2F0;
}

.comparison-table td:not(:first-child) {
  text-align: center;
}

.comparison-table ul {
  text-align: left;
  margin: 0;
  padding-left: 4em;
}

@media (max-width: 765px) {
  .comparison-table {
    margin: 0 10px;
  }

  .comparison-table th,
  .comparison-table td {
    padding: 8px;
    min-width: 155px;
  }

  .comparison-table table {
    width: auto;
  }

  .comparison-table ul {
    padding-left: 2em;
  }
}

@media (max-width: 480px) {
  .comparison-table {
    padding: 8px;
  }
}