h2 {
    color: #2e04ad;
    text-align: center;
}
table {
    width: 100%;
    padding: 0;
    margin: 0;
    border: 2px solid;
}
table, tr, td, th {
    padding: 0;
    margin: 0 0 2em 0;
    border-collapse: collapse;
}
td {
    padding-left: 0.5em;
}
th {
    background-color: #29adea;
    color: white;
    text-align: left;
    padding: 0.5em;
}
.table-side {
    background-color: #29adea;
    color:white;
    padding: 0.5em;
}
caption {
    font-size:large;
    font-weight:bold;
}
.comp {
    background-color:rgb(247, 159, 160)
}
@media screen and (max-width: 500px) {

table {
    width: 60%;
}
th, td {
    font-size:small
}
}


@media (min-width: 1024px) {
  /* Styles for screens 1024px and wider go here */
  table {
    width: 100%;
}

 }