/****************************************/
/* CUSTOM FONTS
/****************************************/
@font-face {
    font-family: 'Alef';
    src: url('../fonts/Alef-Bold.eot');
    src: url('../fonts/Alef-Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Alef-Bold.woff') format('woff'),
         url('../fonts/Alef-Bold.ttf') format('truetype'),
         url('../fonts/Alef-Bold.svg#alefbold') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Alef';
    src: url('../fonts/Alef-Regular.eot');
    src: url('../fonts/Alef-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Alef-Regular.woff') format('woff'),
         url('../fonts/Alef-Regular.ttf') format('truetype'),
         url('../fonts/Alef-Regular.svg#alefregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/***/





/****************************************/
/* HTML ELEMENTS 						*/
/* including Eric Meyer’s CSS Reset 	*/
/****************************************/
html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,  
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input, textarea, header, nav, section, article, aside, figcaption, figure, footer /* HTML5 tags too */ {
	outline: 0;
	padding: 0;
	margin: 0;
	border: 0;
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
}
html {
	height: 100%;
}
body { 
	position: relative;
	height: 100%;
	overflow-x: hidden;
	background: #252525;
	font-size: 16px;
	font-family: 'Alef', sans-serif;
}

a, 
a:hover, 
a:active, 
a:focus {
	text-decoration: none; 
}
h1 {
	font-size: 48px;
	font-weight: 900;
}
h2 {
	font-size: 32px;
}
h3 {
	margin: 10px 0 30px 0;
	font-size: 22px;
	line-height: 1.3333em;
}
h4 {
	font-size: 1em;
	font-weight: 700;
	margin: 0.25em 0;
}
p {
	line-height: 1.3333em;
}
p:not(:last-child) {
	margin-bottom: 0.6667em;
}
ol, ul { 
	list-style: none; 
}
img {
	max-width: 100%;
}
textarea{ 
	resize: none; 
	overflow: hidden; 
}
@media (min-width: 1200px) {
	body {
		font-size: 18px;
		/*overflow: hidden;*/
	}
}
/*
@media only screen and (min-width : 1200px) {
	h1 {
		font-size: 99px;
	}
	h2 {
		font-size: 44px;
	}
	h3 {
		font-size: 29px;
	}
}
*/
/****************************************/




/*************************************************************************/
/* RESPONSIVE - SIZES	 				
/*************************************************************************/
@media only screen and (max-width : 479px) {	/* xxs */
}
@media only screen and (min-width : 480px) {	/* xs */
}
@media only screen and (min-width : 768px) {	/* sm */
}
@media only screen and (min-width : 992px) {	/* md */
}
@media only screen and (min-width : 1200px) {	/* lg */
}
@media only screen and (min-width : 1600px) {	/* xl */
}
@media only screen and (min-width : 1921px) {	/* xxl */
}
/*************************************************************************/