/* typography.css *
* Copyright 2016 
* Template by keneid (http://www.keneid.com)
*
* CSS Reset
* Headings
* Hyperlink
* Subscript and Superscript
* Paragraf
* Font-Family
* Misc class for general use
* Content
*
*/ 

/* =CSS Reset : reset default browser style
-------------------------------------------------------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
input, button, select, textarea,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, details, figcaption, figure, footer, header,
hgroup, nav, section {
	color: #232323;
	font-size: 14px; 
	line-height: 24px;
	font-weight: 400;
	font-family: Arial , Helvetica, "sans-serif";
}


/* =Headings
------------------------------------------------------------ */
h1, h2, h3, h4, h5, h6 {
	margin: 10px 0;
	font-family: inherit;
	/*font-weight: bold;*/
	line-height: 20px;
	color: inherit;
	text-rendering: optimizelegibility;
}
h1, h2, h3 {line-height: 40px;}
h1 {font-size: 36px;}
h2 {font-size: 30px;}
h3 {font-size: 24px;}
h4 {font-size: 18px;}
h5 {font-size: 14px;}
h6 {font-size: 12px;}

/* =Hyperlink
------------------------------------------------------------ */
a{
	transition: all 0.1s ease;
	-webkit-transition: all 0.1s ease;
	-moz-transition: all 0.1s ease;
}
a:link {color: #FF8040; text-decoration: none;}
a:visited {color: #FF8040; text-decoration: none;}
a:hover {
	color: #D54500;
	text-decoration: underline;
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
}
a:hover, a:active {outline: 0;}
a:focus{outline: 0 !important;}

a.disable{
	pointer-events:none;
	opacity: 0.7;
	cursor: default;
}
a:hover.disable{
	text-decoration: none !important;
	cursor: default;
}

/* =Font-Family
------------------------------------------------------------ */
/*
@font-face {
font-family: 'iconSweets';
src: url('../fonts/icon-webfont.eot');
src: url('../fonts/icon-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/icon-webfont.woff') format('woff'),
url('../fonts/icon-webfont.ttf') format('truetype'),
url('../fonts/icon-webfont.svg#iconSweetsRegular') format('svg');
font-weight: normal;
font-style: normal;
}
*/

/*@font-face{
	font-family: 'MavenPro';
	src: url('../fonts/MavenPro-Regular.ttf');
	src: url('../fonts/MavenPro-Regular.ttf') format('truetype');
}*/

@font-face {
	font-family: 'FontAwesome';
	src: url('./fonts/fontawesome-webfont.eot');
	src: url('./fonts/fontawesome-webfont.woff') format('woff'),
	url('./fonts/fontawesome-webfont.woff2') format('woff2'),
	url('./fonts/fontawesome-webfont.ttf') format('truetype'), 
	url('./fonts/fontawesome-webfont.svg') format('svg');
}

.BrownFox{
	font-family: "BrownFox" !important;
}

/* =Misc class for general use 
------------------------------------------------------------ */
/* Font Weight */
.bold {font-weight: bold;} .italic {font-weight: italic;} .normal {font-weight: normal;}

/* Text Align */
.text-left {text-align: left;}
.text-right {text-align: right;}
.text-center, .center {
	text-align: center;
}
.float-none{
	float: none;
	margin: 0 auto 0 auto;
}

/* Font Color */
.black {color: #000;}
.white {color: #FFF;}
.silent {color: #777;}
.link {color: #4e6a97;}
.orange {color: orange;}
.red {color: #ad0b0c;}

/* Background Color */
.bg-Coral{background-color: #f68e56 !important;}
.bg-Orange{background-color: #e4bc00 !important;}
.bg-DarkOrange{background-color: #e4a100 !important;}
.bg-LimeGreen{background-color: #6aca02 !important;}
.bg-SpringGreen{background-color: #00e391 !important;}
.bg-DarkGreen{background-color: #62bb01 !important;}
.bg-SteelBlue{background-color: #00adef !important;}
.bg-DarkBlue{background-color: #0298d2 !important;}
.bg-Purple{background-color: #dc00e4 !important;}
.bg-MediumSpringGreen{background-color: #00e491 !important;}

.bg-dark-SteelBlue{background-color: #0394cb !important;}
.bg-dark-LimeGreen{background-color: #5fb503 !important;}
.bg-dark-Purple{background-color: #ca00d1 !important;}
.bg-dark-Orange{background-color: #d6b101 !important;}
.bg-dark-MediumSpringGreen{background-color: #01d789 !important;}

/* =Responsive Typography
-------------------------------------------------------------- */
/* Resolution 1280 */
@media only screen and (max-width:1280px) {

}

/* Resolution 1024 */
@media only screen and (max-width:1024px) {
	
}

/* Resolution 900 */
@media only screen and (max-width : 900px){

}

/* Resolution 800 */
@media only screen and (max-width:800px) {
	
}

@media only screen and (max-width:767px){

}
/* Resolution 600 */
@media only screen and (max-width:600px) {

}

/* Resolution 480 */
@media only screen and (max-width:480px){
	/* =CSS Reset : reset default browser style ------------------------------------------------------------ */
	html, body, div, span, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, code,
	del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	input, button, select, textarea,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, details, figcaption, figure, footer, header,
	hgroup, nav, section {
		font-size: 13px;
	}

	/* =Headings ------------------------------------------------------------ */
	h1, h2, h3 {line-height: 30px;}
	h3 {font-size: 20px;}
	h4 {font-size: 16px;}
	h5 {font-size: 13px;}
	h6 {font-size: 11px;}
}

/* Resolution 320 */
@media only screen and (max-width:320px) {

}