3 * Copyright 2011, Dave Gamache
5 * Free to use under the MIT license.
6 * http://www.opensource.org/licenses/mit-license.php
11 ==================================================
18 ================================================== */
21 ================================================== */
24 ================================================== */
26 /* Smaller than standard 960 (devices and browsers) */
27 @media only screen and (max-width: 959px) {}
29 /* Tablet Portrait size to standard 960 (devices and browsers) */
30 @media only screen and (min-width: 768px) and (max-width: 959px) {}
32 /* All Mobile Sizes (devices and browser) */
33 @media only screen and (max-width: 767px) {}
35 /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
36 @media only screen and (min-width: 480px) and (max-width: 767px) {}
38 /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
39 @media only screen and (max-width: 479px) {}
43 ================================================== */
44 /* This is the proper syntax for an @font-face file
45 Just create a "fonts" folder at the root,
46 copy your FontName into code below and remove
50 font-family: 'FontName';
51 src: url('../fonts/FontName.eot');
52 src: url('../fonts/FontName.eot?iefix') format('eot'),
53 url('../fonts/FontName.woff') format('woff'),
54 url('../fonts/FontName.ttf') format('truetype'),
55 url('../fonts/FontName.svg#webfontZam02nTh') format('svg');