@media only screen and (max-width: 768px) {
   comment: This provides a slightly better mobile experience;
* {font-family: Arial, Helvetica, sans-serif!important;}
table {width: 100%;text-align: center;}

td[bgcolor="#CC99FF"] table:first-of-type td a,
td[bgcolor="#CC99FF"] table:first-of-type td div {
    font-size: 15px!important;
    text-decoration: none;
}
td[bgcolor="#CC99FF"] table:first-of-type td {
   display: inline-block;
   width: 33%;
   /* float: left; */
   height: 2em;
   border-spacing: 0;
   line-height: 2em;
   text-align: center;
}

td[bgcolor="#CC99FF"] br {display: inline-block;
   display: none;}

td[bgcolor="#CC99FF"] p {
   display: inline-block;
   margin: 0;
   padding: 0;
   width: 100%;
 }
td[bgcolor="#CC99FF"] table:first-of-type td {
   padding: 0!important;
   border-spacing: 0;
}
td[bgcolor="#CC99FF"] table:first-of-type td a {
     width: 100%;
     display: inline-block;
     }

td[bgcolor="#CC99FF"] table:first-of-type td a:hover {
   color: white;
   background-color: blue;
}
td[bgcolor="#CC99FF"] {padding: 0;
margin: 0;
}
td[bgcolor="#CC99FF"] table:first-of-type td div {width: 100%!important;}
}