/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~



	SUPER WP HEROES

	FILE PURPOSE: TYPOGRAPHY STYLES
	


   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */



/*
//	************************************************************************************************************************************
//	************************************************************************************************************************************
//	************************************************************************************************************************************
//	************************************************************************************************************************************
//	*******
//	*******
//	*******
//	*******
//	*******		SUPER WP HEROES
//	*******		SECTION NAME: FONTS IMPORT
//	*******		DESCRIPTION: 
//	*******
//	*******
//	*******
//	*******
//	************************************************************************************************************************************
//	************************************************************************************************************************************
//	************************************************************************************************************************************
//	************************************************************************************************************************************
*/

	
	/*
	//	---		SUPER WP HEROES                                               
	//	---		COMMENT: OSWALD
	*/

	/*@font-face {
	    font-family: 'oswald-bold';
	    src: url('../fonts/oswald-bold-webfont.woff2') format('woff2'),
	    url('../fonts/oswald-bold-webfont.woff') format('woff');
	    font-weight: normal;
	    font-style: normal;

	}

	@font-face {
	    font-family: 'oswald-regular-italic';
	    src: url('../fonts/oswald-regularitalic-webfont.woff2') format('woff2'),
	    url('../fonts/oswald-regularitalic-webfont.woff') format('woff');
	    font-weight: normal;
	    font-style: normal;

	}

	@font-face {
	    font-family: 'oswald-regular';
	    src: url('../fonts/oswald-regular-webfont.woff2') format('woff2'),
	    url('../fonts/oswald-regular-webfont.woff') format('woff');
	    font-weight: normal;
	    font-style: normal;

	}

	@font-face {
	    font-family: 'oswald-extra-light';
	    src: url('../fonts/oswald-extralight-webfont.woff2') format('woff2'),
	    url('../fonts/oswald-extralight-webfont.woff') format('woff');
	    font-weight: normal;
	    font-style: normal;

	}

	@font-face {
	    font-family: 'oswald-bold-italic';
	    src: url('../fonts/oswald-bolditalic-webfont.woff2') format('woff2'),
	    url('../fonts/oswald-bolditalic-webfont.woff') format('woff');
	    font-weight: normal;
	    font-style: normal;

	}

	@font-face {
	    font-family: 'oswald-light-italic';
	    src: url('../fonts/oswald-lightitalic-webfont.woff2') format('woff2'),
	    url('../fonts/oswald-lightitalic-webfont.woff') format('woff');
	    font-weight: normal;
	    font-style: normal;

	}

	@font-face {
	    font-family: 'oswald-demi-bold-italic';
	    src: url('../fonts/oswald-demi-bolditalic-webfont.woff2') format('woff2'),
	    url('../fonts/oswald-demi-bolditalic-webfont.woff') format('woff');
	    font-weight: normal;
	    font-style: normal;

	}

	@font-face {
	    font-family: 'oswald-heavy';
	    src: url('../fonts/oswald-heavy-webfont.woff2') format('woff2'),
	    url('../fonts/oswald-heavy-webfont.woff') format('woff');
	    font-weight: normal;
	    font-style: normal;

	}

	@font-face {
	    font-family: 'oswald-medium-italic';
	    src: url('../fonts/oswald-mediumitalic-webfont.woff2') format('woff2'),
	    url('../fonts/oswald-mediumitalic-webfont.woff') format('woff');
	    font-weight: normal;
	    font-style: normal;

	}

	@font-face {
	    font-family: 'oswaldextra-light-italic';
	    src: url('../fonts/oswald-extra-lightitalic-webfont.woff2') format('woff2'),
	    url('../fonts/oswald-extra-lightitalic-webfont.woff') format('woff');
	    font-weight: normal;
	    font-style: normal;

	}

	@font-face {
	    font-family: 'oswald_stenci-lbold';
	    src: url('../fonts/oswald-stencil-webfont.woff2') format('woff2'),
	    url('../fonts/oswald-stencil-webfont.woff') format('woff');
	    font-weight: normal;
	    font-style: normal;

	}*/


	/*
	//	---		SUPER WP HEROES                                               
	//	---		COMMENT: OPEN SANS
	*/

	@font-face {
	    font-family: 'open_sansregular';
	    src: url('../fonts/opensans-regular-webfont.eot');
	    src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
	    url('../fonts/opensans-regular-webfont.woff') format('woff'),
	    url('../fonts/opensans-regular-webfont.ttf') format('truetype'),
	    url('../fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
	    font-weight: normal;
	    font-style: normal;
	}

	@font-face {
	    font-family: 'open_sanslight';
	    src: url('../fonts/opensans-light-webfont.eot');
	    src: url('../fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
	    url('../fonts/opensans-light-webfont.woff') format('woff'),
	    url('../fonts/opensans-light-webfont.ttf') format('truetype'),
	    url('../fonts/opensans-light-webfont.svg#open_sanslight') format('svg');
	    font-weight: normal;
	    font-style: normal;
	}

	@font-face {
	    font-family: 'open_sansextrabold';
	    src: url('../fonts/opensans-extrabold-webfont.eot');
	    src: url('../fonts/opensans-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
	    url('../fonts/opensans-extrabold-webfont.woff') format('woff'),
	    url('../fonts/opensans-extrabold-webfont.ttf') format('truetype'),
	    url('../fonts/opensans-extrabold-webfont.svg#open_sansextrabold') format('svg');
	    font-weight: normal;
	    font-style: normal;
	}

	@font-face {
	    font-family: 'open_sansbold';
	    src: url('../fonts/opensans-bold-webfont.eot');
	    src: url('../fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
	    url('../fonts/opensans-bold-webfont.woff') format('woff'),
	    url('../fonts/opensans-bold-webfont.ttf') format('truetype'),
	    url('../fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
	    font-weight: normal;
	    font-style: normal;

	}


/*
//	************************************************************************************************************************************
//	************************************************************************************************************************************
//	************************************************************************************************************************************
//	************************************************************************************************************************************
//	*******
//	*******
//	*******
//	*******
//	*******		SUPER WP HEROES
//	*******		SECTION NAME: GLOBAL TYPOGRAPHY STYLES
//	*******		DESCRIPTION: 
//	*******
//	*******
//	*******
//	*******
//	************************************************************************************************************************************
//	************************************************************************************************************************************
//	************************************************************************************************************************************
//	************************************************************************************************************************************
*/


/* Extra Small devices ( up to 576px) */
body {
    font-family: 'open_sanslight', arial, sans-serif !important;
    font-size: 15px !important;
    line-height: 1.5em !important;
    letter-spacing: 0px;
    hyphens: auto;
}

h1,h2,h3,h4,h5,h6   {
    font-family: 'open_sanslight', 'open_sanslight', Arial, Helvetica, sans-serif !important;
    letter-spacing: 1px !important;
    word-break: normal !important;
    /*line-height: 140%;*/
}

		

	h1 {
	    font-size: 30px;
	}

	h2 {
		font-size: 23px;
	}

	h3 {
	    font-size: 20px;
	}

	h4 {
	}

	h5 {
	}

	p {
	    margin: 0 0 40px 0;
	    line-height: 27px;
	    font-size: 15px;
	    font-family: 'open_sanslight', Arial, Helvetica, sans-serif;
	}

	a:hover,
	a:active{text-decoration: none;}

	a.hover-white:hover {color: #fff;}
	a.hover-black:hover {color: #000;}

		b {
		    font-family: 'open_sansbold', 'Impact', "Charcoal", Arial, Helvetica, sans-serif;
		    font-weight: 700;
		}

		strong {
		    font-family: 'open_sansextrabold', 'Impact', "Charcoal", Arial, Helvetica, sans-serif;
		    font-weight: 900;
		}

	/*
	//	---		SUPER WP HEROES                                               
	//	---		COMMENT: LINES
	*/

	hr {
	    margin-top: 21px;
	    margin-bottom: 21px;
	    border: 0;
	    border-top: 1px solid rgba(0,0,0,0.3);
	    clear: both;
	}

	/*
	//	---		SUPER WP HEROES                                               
	//	---		COMMENT: LISTS
	*/

	ul {
	    list-style: none;
	    margin: 0 0 40px 40px;
	    padding: 0;
	}

	ul li {
	    line-height: 27px;
	    font-size: 15px;
	}

	ul.huge-benefits {
		margin-bottom: 40px;
	}

	ul.huge-benefits li {
		clear: both;
	}

	ul.huge-benefits li span.huge-benefit-text{
	    font-size: 35px;
	    line-height: 35px;
	    margin: 0;
	    font-family: 'open_sanslight' !important;
	    padding-top: 10px;
	    display: inline-block;
	    margin-bottom: 30px;
	    clear: both;
	}

	ul.huge-benefits li span.fa-stack {
		float: left;
		margin-right: 20px;
	}

	/*
	//	---		SUPER WP HEROES                                               
	//	---		COMMENT: QUOTES
	*/

	blockquote{
	   
	}

	/*
	//	---		SUPER WP HEROES                                               
	//	---		COMMENT: FREAKY BIG & BIGGER
	*/

	.freaky-big  {
	    font-size: 30px;
        line-height: 35px;
        margin: 0;
        text-transform: uppercase;
    }

    	.freaky-big-condensed {
	    	line-height: 55px !important;
	    }


    .freaky-bigger {
        font-size: 40px !important;
        line-height: 45px !important;
        margin: 0;
        text-transform: uppercase;
    }

	/*
	//	---		SUPER WP HEROES                                               
	//	---		COMMENT: IMAGES
	*/

	img {max-width: 100%;}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {  
 
}
 
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  
 
}
 
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
 
}
 
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  
    


	h1 {
	    font-size: 40px;
	}

	h2 {
		font-size: 27px !important;
	}

	h3 {
	    letter-spacing: 0px;
	    font-size: 24px !important;
	}

	h4 {
	}

	h5 {
	}

	p {
	    margin: 0 0 40px 0;
	    line-height: 27px;
	    font-size: 15px;
	    font-family: 'open_sanslight', Arial, Helvetica, sans-serif;
	}

	a:hover,
	a:active{text-decoration: none;}

	a.hover-white:hover {color: #fff;}
	a.hover-black:hover {color: #000;}

	/*
	//	---		SUPER WP HEROES                                               
	//	---		COMMENT: LINES
	*/

	hr {
	    margin-top: 21px;
	    margin-bottom: 21px;
	    border: 0;
	    border-top: 1px solid rgba(0,0,0,0.3);
	    clear: both;
	}

	/*
	//	---		SUPER WP HEROES                                               
	//	---		COMMENT: LISTS
	*/

	ul {
	    list-style: none;
	    margin: 0 0 40px 40px;
	    padding: 0;
	}

	ul li {
	    line-height: 27px;
	    font-size: 15px;
	}

	ul.huge-benefits {
		margin-bottom: 40px;
	}

	ul.huge-benefits li {
		clear: both;
	}

	ul.huge-benefits li span.huge-benefit-text{
	    font-size: 35px;
	    line-height: 35px;
	    margin: 0;
	    font-family: 'open_sanslight' !important;
	    padding-top: 10px;
	    display: inline-block;
	    margin-bottom: 30px;
	    clear: both;
	}

	ul.huge-benefits li span.fa-stack {
		float: left;
		margin-right: 20px;
	}

	/*
	//	---		SUPER WP HEROES                                               
	//	---		COMMENT: QUOTES
	*/

	blockquote{
	   
	}

	/*
	//	---		SUPER WP HEROES                                               
	//	---		COMMENT: FREAKY BIG & BIGGER
	*/

	.freaky-big  {
	    font-size: 50px !important;
        line-height: 60px;
        margin: 0;
        text-transform: uppercase;
    }

    	.freaky-big-condensed {
	    	line-height: 55px !important;
	    }


    .freaky-bigger {
        font-size: 65px !important;
    	line-height: 70px !important;
        margin: 0;
        text-transform: uppercase;
    }

	/*
	//	---		SUPER WP HEROES                                               
	//	---		COMMENT: IMAGES
	*/

	img {max-width: 100%;}

} /* end 1200 */