@media (min-width: 240px)  { html { font-size: 14px; } .container { max-width: 100%;   } }
@media (min-width: 480px)  { html { font-size: 14px; } .container { max-width: 100%;   } }
@media (min-width: 720px)  { html { font-size: 16px; } .container { max-width: 100%;   } }
@media (min-width: 960px)  { html { font-size: 16px; } .container { max-width: 100%;   } }
@media (min-width: 1200px) { html { font-size: 16px; } .container { max-width: 1080px; } }
@media (min-width: 1440px) { html { font-size: 18px; } .container { max-width: 1152px; } }
@media (min-width: 1680px) { html { font-size: 21px; } .container { max-width: 1344px; } }