@font-face { 
	font-family: 'brandon_grotesque'; 
	src: url('fonts/brandon_grotesque_medium_italic.eot'); 
	src: url('fonts/brandon_grotesque_medium_italic.eot?#iefix') format('embedded-opentype'), 
		 url('fonts/brandon_grotesque_medium_italic.woff') format('woff'),
		 url('fonts/brandon_grotesque_medium_italic.ttf') format('truetype'),
		 url('fonts/brandon_grotesque_medium_italic.svg#Brandon Grotesque Medium Italic') format('svg');
	font-weight: 500;
	font-style: italic;
}

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

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

@font-face {
    font-family: 'brandon_grotesque';
    src: url('fonts/brandon_reg_it-webfont.eot');
    src: url('fonts/brandon_reg_it-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/brandon_reg_it-webfont.woff') format('woff'),
         url('fonts/brandon_reg_it-webfont.ttf') format('truetype'),
         url('fonts/brandon_reg_it-webfont.svg#brandon_grotesqueRgIt') format('svg');
    font-weight: 400;
    font-style: italic;
}

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

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

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

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

@font-face {
    font-family: 'aleo';
    src: url('fonts/aleo-bolditalic-webfont.eot');
    src: url('fonts/aleo-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/aleo-bolditalic-webfont.woff') format('woff'),
         url('fonts/aleo-bolditalic-webfont.ttf') format('truetype'),
         url('fonts/aleo-bolditalic-webfont.svg#aleobolditalic') format('svg');
    font-weight: 700;
    font-style: italic;
}

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

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

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

@media screen and (-webkit-min-device-pixel-ratio: 0 ){
	@font-face {
		font-family: 'brandon_grotesque'; 
		src: url('fonts/brandon_grotesque_medium_italic.svg#Brandon Grotesque Medium Italic') format('svg');
		font-weight: 500;
		font-style: italic;
	}
	
	@font-face {
		font-family: 'brandon_grotesque'; 
		src: url('fonts/brandon_med-webfont.svg#brandon_grotesquemedium') format('svg');
		font-weight: 500; 
	}

	@font-face {
		font-family: 'brandon_grotesque'; 
		src: url('fonts/brandon_bld-webfont.svg#brandon_grotesquebold') format('svg');
		font-weight: 700; 
	}

    @font-face {
        font-family: 'brandon_grotesque'; 
        src: url('fonts/brandon_reg_it-webfont.svg#brandon_grotesqueRgIt') format('svg');
        font-weight: 400;
        font-style: italic;
    }

    @font-face {
        font-family: 'brandon_grotesque'; 
        src: url('fonts/brandon_blk-webfont.svg#brandon_grotesqueblack') format('svg');
        font-weight: 800; 
    }

	@font-face {
		font-family: 'aleo'; 
		src: url('fonts/aleo-light-webfont.svg#aleolight') format('svg');
		font-weight: 300; 
	}

	@font-face {
		font-family: 'aleo'; 
		src: url('fonts/aleo-regular-webfont.svg#aleoregular') format('svg');
		font-weight: 400; 
	}

    @font-face {
        font-family: 'aleo'; 
        src: url('fonts/aleo-italic-webfont.svg#aleoitalic') format('svg');
        font-weight: 400;
        font-style: italic;
    }

    @font-face {
        font-family: 'aleo'; 
        src: url('fonts/aleo-bold-webfont.svg#aleobold') format('svg');
        font-weight: 700; 
    }

    @font-face {
        font-family: 'aleo'; 
        src: url('fonts/aleo-bolditalic-webfont.svg#aleobolditalic') format('svg');
        font-weight: 700;
        font-style: italic;
    }

	@font-face {
		font-family: 'avenir'; 
		src: url('fonts/avenir-black-webfont.svg#avenirblack') format('svg');
		font-weight: 800; 
	}

	@font-face {
		font-family: 'avenir'; 
		src: url('fonts/avenir-light-webfont.svg#avenirregular') format('svg');
		font-weight: 300;
	}
}