@media only screen and (max-width: 40em) 
{
    .smallOnly-red {
       background-color: Red;
    }
    
    .smallOnlyFatBum 
    {
        padding-bottom: 0.50em;
    }
    
  .smallOnly-1 {
    width: 8.33333%; }

  .smallOnly-2 {
    width: 16.66667%; }

  .smallOnly-3 {
    width: 25%; }

  .smallOnly-4 {
    width: 33.33333%; }

  .smallOnly-5 {
    width: 41.66667%; }

  .smallOnly-6 {
    width: 50%; }

  .smallOnly-7 {
    width: 58.33333%; }

  .smallOnly-8 {
    width: 66.66667%; }

  .smallOnly-9 {
    width: 75%; }

  .smallOnly-10 {
    width: 83.33333%; }

  .smallOnly-11 {
    width: 91.66667%; }

  .smallOnly-12 {
    width: 100%; 
   }
}


@media only screen and (min-width: 40.063em) 
{
    label.mediuminline {
        margin: 0 0 1rem 0;
        padding: 0.5625rem 0;
    }
    
 }
 
 
 @media only screen and (min-width: 40.063em)  
 {
     
      .mediumUp-3 {
        width: 25%; 
      }

      .mediumUp-9 {
        width: 75%; 
      }     
    
 }