// base font for responsivness html { box-sizing: border-box; font-size: 62.5% !important; // 10px/16px = 62.5% -> 1rem = 10px @media only screen and (max-width: $bp-largest) { font-size: 50% !important; } } body { font-size: 1.6rem !important; }