.module-events .paragraphs .img-responsive { 
  object-fit: contain !important;
}

.img-box {
 img {
   width: 100px;   
   float: left;
   padding: 5px 5px 5px 5px;
   border-radius: 5px;
   object-fit: contain;
      }
p {
        vertical-align: text-top;
        background: #f2f2f2;
        padding: 10px 10px 10px 10px;
        border: solid;
        border-color: #b52024;
      border-radius: 5px;
      }
}

table.activity-table, table.coordinator-table {
  border: 1px solid #b52024;
  border-collapse: collapse;
  margin: 5;
  padding: 10px;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  table-layout: auto;
}
table.activity-table caption {
  font-size: 1.5em;
  margin: .5em 0 .75em;
}

table.coordinator-table tr, table.activity-table tr {
  background-color: #f8f8f8;
  border: 1px solid #ddd;
  padding: .35em;
}

table.coordinator-table th, table.coordinator-table td,
table.activity-table th, table.activity-table td {
  padding: 15px !important;
  text-align: left;
}

table.coordinator-table th, table.activity-table th {
  font-size: .85em;
  letter-spacing: .1em;
  text-transform: uppercase;
}

@media screen and (max-width: 600px) {
section#content .content-header h2 {
  white-space: break-spaces;
}

table.activity-table, table.coordinator-table {

    border: 0;
  }
table.activity-table caption {
    font-size: 1.3em;
  }
  
table.coordinator-table thead, table.activity-table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
table.coordinator-table tr, table.activity-table tr{
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }
  
table.activity-table td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .8em;
    text-align: right;
  }

table.coordinator-table td
{
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .8em;
    text-align: left;
    padding: 1px;
  }
  
table.coordinator-table td::before, table.activity-table td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  padding: 0 5px 0 0;
  }
  
table.coordinator-table td:last-child, table.activity-table td:last-child {
    border-bottom: 0;
  }
  }