/** ----------------------------------------------------------
 *
 * Contains the generic theme typography styles
 *
 *    Include your notes or table of contents here
 *
 *    Include color hex's or values of your grid
 *      #333333             - body
 *      #B80000             - links, headings
 *      #D80000             - links on hover
 *      5px Vertical grid   - based on multiples of 5px, eg 10px, 15px, 20px, 25px...
 *
 *    @author Your Name <email@gmail.com>
 *
 * ------------------------------------------------------- */

/* TEMPLATE CUSTOM FONTS */
  /* Generated by Font Squirrel (http://www.fontsquirrel.com) on February 20, 2012 06:04:25 AM America/New_York */

  /* add your own custom fonts here */

.typography {
  font-family: Montserrat, sans-serif;  /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
  padding-top:20px;
}
.typography img {
  max-width:95%;
  height:auto;
}
.typography h1, .typography h2, .typography h3, .typography h4, .typography h5, .typography h6 {
  margin-top: 0;
  margin-bottom: 2rem;
  font-weight: 300;
  font-family: Montserrat, sans-serif; }
.typography h1 {
	font-size: 3.6rem;
	line-height: 1.2;
	letter-spacing: -.1rem;
	color: #EE7023;	
	font-weight: 700;
	
}
.typography .product-detail h1 {
	font-weight: 700;
	color: #EE7023;	
}
.typography .product-landing h1 {
	font-weight: 700;
	color: #EE7023;	
}

.typography .product-landing h2 {
	font-weight: 700;
	font-size: 2.5rem;
	color: #1183C2;	
}

.typography .product-detail h2 {
	font-size: 2.5rem;
	font-weight: 700;
		
}

.typography .productname h3 {
	font-size: 3.0rem;
	font-weight: 700;
		
}
.typography h2 { font-size: 3.0rem; line-height: 1.25; letter-spacing: -.1rem; font-weight: 700; color: #1183C2;}
.typography h3 { font-size: 2.6rem; line-height: 1.3;  letter-spacing: -.1rem; color: #1183C2;}
.typography h4 { font-size: 2.0rem; line-height: 1.35; letter-spacing: -.08rem; }
.typography h5 { font-size: 1.4rem; line-height: 1.5;  letter-spacing: -.05rem; }
.typography h6 { font-size: 1.2rem; line-height: 1.6;  letter-spacing: 0; }

.typography p {
  margin-top: 0; }

/* Larger than phablet 
@media (min-width: 550px) {
 .typography h1 { font-size: 5.0rem; }
 .typography h2 { font-size: 4.2rem; }
 .typography h3 { font-size: 3.6rem; }
 .typography h4 { font-size: 3.0rem; }
 .typography h5 { font-size: 2.4rem; }
 .typography h6 { font-size: 1.5rem; }
}
*/