.wrapper
{
  margin: 0 auto;
}

.wrapper .table
{
  margin: 0 0 40px 0;
  width: 100%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  display: table;
}

.wrapper .row
{
  display: table-row;
  background: #f6f6f6;
}

.wrapper .row:nth-of-type(odd)
{
  background: #e9e9e9;
}

.wrapper .row.header
{
  font-weight: 600;
  color: #ffffff;
  background: #ea6153;
}

.wrapper .row.green
{
  background: #27ae60;
}

.wrapper .row.blue
{
  background: #2980b9;
}

@media screen and (max-width: 991px) {
  .wrapper .row
  {
    padding: 8px 0;
    display: block;
  }
}

.wrapper .cell
{
  padding: 6px 12px;
  display: table-cell;
}

@media screen and (max-width: 991px)
{

}

@media screen and (max-width: 580px)
{
  .wrapper .table
  {
    display: block;
  }

  .wrapper .cell
  {
    padding: 2px 12px;
    display: block;
  }
}