CSS,
  /* Table Base */
  
  .table {
    max-width: 100%;
    border-spacing: 0;
  }

  .table {
    border-bottom: #273e74 solid 1px;
    width: 100%;
    margin-bottom: 20px;
  }

  .table th,
  .table td {
    border-right: #999999 solid 1px;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    width:20%;
  }

  .table tr {
    border-bottom: #99999 solid 1px;
}

  .table td:last-child {
     border-right: 0;
  }

  .table thead th {
    font-weight: bold;
    background-color: #273e74;
    color: White;
    font-size: 15px;
  }

  .table tbody > tr:nth-child(odd) > td,
  .table tbody > tr:nth-child(odd) > th {
    background-color: #f8f8f8;
  }


/* Small Sizes */
@media (max-width: 767px) { 
  
  /* Responsive Table */
  .table-responsive {
    display: block;
    position: relative;
    width: 100%;
  }
  
    .table-responsive tbody {
    width: auto;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .table-responsive thead,
  .table-responsive tbody,
  .table-responsive th,
  .table-responsive td,
  .table-responsive tr {
    display: block;
  }
  .table-responsive th{
    width:100%;
  }

  .theadrow {
    background-color: #273e74;
    float: left;
    width:30%;
  }
  
.table thead th {
  font-size:12px;
}

  .table-responsive tbody tr {
    display: inline-block;
  }
  
  .table-responsive tbody td{
    border-bottom: solid black 1px;
    width:100%;
    text-align: left;
  }
  
  .table-responsive tbody td p {
display:block;
  }

  
  .table td:last-child {
     border-right: #999999 solid 1px;
  }
  
.firstcoluna-a{
  height: 210px;
}

.secondcoluna-a{
  height: 540px;
}

.thirdcoluna-a{
  height: 200px;
}

.fourthcoluna-a{
  height: 400px;
}
.fifthcoluna-a {
  height: 170px;
}

.firstcoluna-b{
  height: 150px;
}

.secondcoluna-b{
  height: 130px;
}

.thirdcoluna-b{
  height: 400px;
}

.fourthcoluna-b{
  height: 108px;
}
.fifthcoluna-b {
  height: 368px;
}
}