<style type="text/css">

body {
  font-size: 16px;
}

.small {
  font-size: 12px; /* 75% of the baseline */
}

.large {
  font-size: 20px; /* 125% of the baseline */
}

.alignC  {text-align: center}
   
.per64   {font-size: 64%}
 
.per80   {font-size: 80%}
   
.per125  {font-size: 125%}
   
.colorR  {color: red}
.colorY  {color: yellow}
.colorB  {color:  #0066ff}
.colorG  {color: green}
   

.listBox {text-align: left; float: left; border: 4px double white; padding: 10px; margin:3px;}
.ind  {margin-left: 20px}
/*add vertical padding for mobile devices*/
@media only screen and (max-width: 600px) {
   .listBox {border: 2px double white; padding: 5px; margin:3px;}
   .ind {display: inline-block; margin-left: 5px; margin-bottom: 10px;}
}
  
   
   </style>
