body {
font-family: "Helvetica", Arial, sans-serif;
color: #111;
background-color: #eee;
}

.sm {
    padding-top: 2rem;
    font-size: 1rem;
}

sup {
    font-weight: bold;
    color: #e71b20;
}

a {
    font-weight: bold;
    color: #23aee3;
    text-decoration: none;
}

@media (min-width:320px)  {
     /* smartphones, iPhone, portrait 480x320 phones */ 
     .row>* {
        font-size: 3rem;
     }
    }
@media (min-width:481px)  { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ 
    .row>* {
        font-size: 3rem;
     }
}
@media (min-width:641px)  { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ 
    .row>* {
        font-size: 3rem;
     }
}
@media (min-width:961px)  { /* tablet, landscape iPad, lo-res laptops ands desktops */ 
    
}
@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ 
    .row>* {
        font-size: 2rem;
     }
}
@media (min-width:1281px) { /* hi-res laptops and desktops */ 
    .row>* {
        font-size: 1rem;
     }
}