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

}

.icon {
	font-family: 'hfesweb';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	color:#FFFFFF;
	font-size: 57px;
	text-shadow: 0px 0px 4px #CC2727;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/** currently not used--
.icon2 {
	font-family: 'hfesweb';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1.2em;
	color:#000;
	font-size: 32px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
 ----     **/
 
 
.icon-logo:before {
	content: "\e900";
}
@media only screen and (max-width:675px) {
.icon {
	font-size: 46px;
	}
}
@media only screen and (max-width:480px) {

	}
@media only screen and (max-width:400px) {
.icon {
	font-size: 37px;
	}
@media only screen and (max-width:320px) {
.icon {
	font-size: 34px;
	}
	}