@font-face {
	font-family: 'Fjalla One';
	font-style: normal;
	font-weight: normal;
	src: local('Fjalla One'), url('fonts/FjallaOne-Regular.woff') format('woff');
	}

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

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

	}

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

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


	#body h1 { font-size:260%; /* font-family:'Fjalla One'; */ text-align:center; width:100%; padding:5px 60px 20px 60px; line-height:1.2; font-weight: normal;}
	#body h2 { font-size:165%; /* font-family:'Fjalla One'; */ letter-spacing:-0.5px; line-height:1.2; margin-bottom:10px; font-weight: 500; color: #333;}
	#body h3 { font-size:120%; /* font-family:'Barlow', Arial, sans-serif,'robotobold';*/ line-height:normal; margin-bottom:10px; font-weight: 500;}
	.list-col h2 {  /*font-family:'Barlow', Arial, sans-serif,'robotoregular';*/ letter-spacing:normal; font-weight: normal;}
	#top-nav,
	.gotop span,
	select#slct 	{ /* font-family:'Fjalla One'; */ }

	.ui-tabs 					    {/*  font-family:'Fjalla One'; */}
	.tab-sw.ui-tabs .ui-tabs-panel  { /*font-family:'Barlow', Arial, sans-serif,'robotoregular';*/}

	.esec>h3,  .esec-download>h3, .esec.open h3 { /*font-family:'Barlow', Arial, sans-serif,'robotomedium';*/ font-size:100%; padding-left:15px; border-left:5px solid #000; font-weight: normal;}
	.general .greyBox h2,
	.general .greyBox h3 { /*font-family:'Barlow', Arial, sans-serif,'robotomedium';*/ font-weight: normal;}


	/* ==========================================================================
	    Media Style
 	============================================================================= */
	@media only screen and (max-width:1024px) {
	#body h1 { font-size:220%; padding:30px 40px}
	#body h2 { font-size:145%}
	}

	@media only screen and (max-width:767px) {
	#body h1 { font-size:160%; padding:15px 0px }
	#body h2 { font-size:120%}
	#body h3 { font-size:105%}
	}