/* VIEWPORTS AND MEDIA QUERIES

For usability purposes we're currently curbing the responsive layout at 1200 pixels. Theoretically
we already support responsiveness for whatever resolution. These are currently commented out.

-@media only screen and ( min-width: 2880px ) 	{ body { font-size: 28.5px; } }
-@media only screen and ( max-width: 2879px ) 	{ body { font-size: 22.5px; } }
-@media only screen and ( max-width: 2159px ) 	{ body { font-size: 19.0px; } }
-@media only screen and ( max-width: 1919px ) 	{ body { font-size: 17.5px; } }
-@media only screen and ( max-width: 1679px ) 	{ body { font-size: 15.0px; } } */

/* curbing the responsiveness at max font-size > 12.5px */
@media only screen and ( min-width: 1440px ) 	{ body { font-size: 12.5px; } }

/* setting body font-sizes for different viewports */
@media only screen and ( max-width: 1439px ) 	{ body { font-size: 12.5px; } }
@media only screen and ( max-width: 1199px ) 	{ body { font-size: 10.0px; } }
@media only screen and ( max-width: 959px ) 	{ body { font-size: 7.5px; } }
@media only screen and ( max-width: 719px )	{ body { font-size: 5.0px; } }
@media only screen and ( max-width: 479px )	{ body { font-size: 3.0px; } }
@media only screen and ( max-width: 319px )	{ body { font-size: 2.5px; } }

/* VIEWPORTS AND MEDIA QUERIES
----------------------------------------------------------------------------------------------------
For usability purposes we're currently curbing the responsive layout at 1200 pixels. Theoretically
we already support responsiveness for whatever resolution. These are currently commented out.

-@media only screen and ( min-width: 2880px ) 	{ body { font-size: 28.5px; } }
-@media only screen and ( max-width: 2879px ) 	{ body { font-size: 22.5px; } }
-@media only screen and ( max-width: 2159px ) 	{ body { font-size: 19.0px; } }
-@media only screen and ( max-width: 1919px ) 	{ body { font-size: 17.5px; } }
-@media only screen and ( max-width: 1679px ) 	{ body { font-size: 15.0px; } } */

/* curbing the responsiveness at max font-size > 12.5px */
@media only screen and ( min-width: 1440px ) 	{ body { font-size: 12.5px; } }

/* setting body font-sizes for different viewports */
@media only screen and ( max-width: 1439px ) 	{ body { font-size: 12.5px; } }
@media only screen and ( max-width: 1199px ) 	{ body { font-size: 10.0px; } }
@media only screen and ( max-width: 959px ) 	{ body { font-size: 7.5px; } }
@media only screen and ( max-width: 719px )	{ body { font-size: 5.0px; } }
@media only screen and ( max-width: 479px )	{ body { font-size: 3.0px; } }
@media only screen and ( max-width: 319px )	{ body { font-size: 2.5px; } }

http://nexusthemes.com/?p=812&preview=true#

http://nexusthemes.com/?p=812&preview=true#

Our theme's range of media queries

Theme media queries

query

CSS