.sus-activity-box { padding: 15px; }
td.sus-green-activity {
  color: #009640;
  font-family: 'NeueHaasUnicaW1G-Bold';
  font-size: 18px;
  margin-bottom: 0px;
  vertical-align: middle;
}
.sus-green-activity-sub {
  color: #009640;
  margin-bottom: 0px;
  line-height: 10px;
  font-size: 16px;
  font-family: 'NeueHaasUnicaW1G-Regular';
}
th.sus-black-activity {
  color: #000000;
  font-family: 'NeueHaasUnicaW1G-Bold';
  font-size: 16px;
  margin-bottom: 0px;
  line-height: 20px;
  vertical-align: middle;
}
td.sus-black-activity {
  color: #000000;
  font-family: 'NeueHaasUnicaW1G-Regular';
  font-size: 16px;
  margin-bottom: 0px;
  line-height: 20px;
  vertical-align: middle;
}
.sus-activity-legend img {padding-bottom: 20px;}
.sus-activity-legend .first { padding-left: 40px; }
.sus-activity-legend p {margin-bottom: 0px; padding-bottom: 20px;}
.vl {
  border-right: 1px solid #cccccc;
  height: auto;
  margin-top: 20px;
}


/* Ipad Pro landscape */
@media only screen and (min-device-width: 1366px) and (max-device-height: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2){ 
  .sus-green-activity { font-size: 20px; }
  .sus-black-activity { font-size: 17px; }

}

/* Iphone x */
@media only screen and (min-device-width: 812px) and (max-device-width: 823px) and (orientation: landscape) {
  .sus-activity-legend .first { padding-left: 15px; }
}

/* landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .sus-green-activity { font-size: 20px; }
  .sus-black-activity { font-size: 17px; }
}

/*portrait*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  .sus-green-activity { font-size: 20px; }
  .sus-black-activity { font-size: 17px; }
  .sus-activity-legend .first { padding-left: 15px; }
  table { font-size: 13px; }

}

/* Ipad Pro Portrait */
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2){
  .sus-green-activity { font-size: 20px; }
  .sus-black-activity { font-size: 17px; }

}

/* Small */
@media (min-width: 481px) and (max-width: 767px) {
  .sus-green-activity { font-size: 20px; }
  .sus-black-activity { font-size: 17px; }
  .sus-activity-legend .first { padding-left: 15px; }
  .sus-activity-legend p { font-size: 14px; }
  table { font-size: 13px; }
}

/* Extra small */
@media (min-width: 320px) and (max-width: 480px) {
  .sus-green-activity { font-size: 18px; }
  .sus-black-activity { font-size: 15px; }
  .sus-green-activity-sub { font-size: 13px;}
  .sus-activity-legend .first { padding-left: 15px; }
  .sus-activity-legend p { font-size: 13px; }
  table { font-size: 13px; }
}