@font-face {
    font-family: 'ZurchXc';
    src: url('Zurch-Xc-webfont.eot');
    src: url('Zurch-Xc-webfont.eot?#iefix') format('embedded-opentype'),
         url('Zurch-Xc-webfont.woff') format('woff'),
         url('Zurch-Xc-webfont.ttf') format('truetype'),
         url('Zurch-Xc-webfont.svg#ZurchXcRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'OswaldLight';
    src: url('Oswald-Light-webfont.eot');
    src: url('Oswald-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('Oswald-Light-webfont.woff') format('woff'),
         url('Oswald-Light-webfont.ttf') format('truetype'),
         url('Oswald-Light-webfont.svg#OswaldLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OswaldBook';
    src: url('Oswald-Regular-webfont.eot');
    src: url('Oswald-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('Oswald-Regular-webfont.woff') format('woff'),
         url('Oswald-Regular-webfont.ttf') format('truetype'),
         url('Oswald-Regular-webfont.svg#OswaldBook') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OswaldBold';
    src: url('Oswald-Bold-webfont.eot');
    src: url('Oswald-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('Oswald-Bold-webfont.woff') format('woff'),
         url('Oswald-Bold-webfont.ttf') format('truetype'),
         url('Oswald-Bold-webfont.svg#OswaldBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OswaldStencilRegular';
    src: url('Oswald-Stencil-webfont.eot');
    src: url('Oswald-Stencil-webfont.eot?#iefix') format('embedded-opentype'),
         url('Oswald-Stencil-webfont.woff') format('woff'),
         url('Oswald-Stencil-webfont.ttf') format('truetype'),
         url('Oswald-Stencil-webfont.svg#OswaldStencilRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

 
.lato1 {font: 18px/27px 'Lato-Heavy', Arial, sans-serif;}
.lato1i {font: 18px/27px 'Lato-BlackItalic', Arial, sans-serif;}
.lato2 {font:  18px/27px 'Lato-Bold', Arial, sans-serif; }
.lato3 {font:  18px/27px 'Lato-Regular', Arial, sans-serif;}
.lato4 {font:  18px/27px 'Lato-Semibold', Arial, sans-serif;}

@font-face {
    font-family: 'Lato-Black';
    src: url('Lato-Black.eot');
    src: url('Lato-Black.eot?#iefix') format('embedded-opentype'),
url('Lato-Black.woff') format('woff'),
url('Lato-Black.ttf') format('truetype'),
url('../img/font/Lato-Black.svg#Lato-Black') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Lato-BlackItalic';
    src: url('Lato-BlackItalic.eot');
    src: url('Lato-BlackItalic.eot?#iefix') format('embedded-opentype'),
url('Lato-BlackItalic.woff') format('woff'),
url('Lato-BlackItalic.ttf') format('truetype'),
url('../img/font/Lato-BlackItalic.svg#Lato-BlackItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Lato-Bold';
    src: url('Lato-Bold.eot');
    src: url('Lato-Bold.eot?#iefix') format('embedded-opentype'),
url('Lato-Bold.woff') format('woff'),
url('Lato-Bold.ttf') format('truetype'),
url('../img/font/Lato-Bold.svg#Lato-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Lato-BoldItalic';
    src: url('Lato-BoldItalic.eot');
    src: url('Lato-BoldItalic.eot?#iefix') format('embedded-opentype'),
url('Lato-BoldItalic.woff') format('woff'),
url('Lato-BoldItalic.ttf') format('truetype'),
url('../img/font/Lato-BoldItalic.svg#Lato-BoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Lato-Hairline';
    src: url('Lato-Hairline.eot');
    src: url('Lato-Hairline.eot?#iefix') format('embedded-opentype'),
url('Lato-Hairline.woff') format('woff'),
url('Lato-Hairline.ttf') format('truetype'),
url('../img/font/Lato-Hairline.svg#Lato-Hairline') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Lato-HairlineItalic';
    src: url('Lato-HairlineItalic.eot');
    src: url('Lato-HairlineItalic.eot?#iefix') format('embedded-opentype'),
url('Lato-HairlineItalic.woff') format('woff'),
url('Lato-HairlineItalic.ttf') format('truetype'),
url('../img/font/Lato-HairlineItalic.svg#Lato-HairlineItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Lato-Heavy';
    src: url('Lato-Heavy.eot');
    src: url('Lato-Heavy.eot?#iefix') format('embedded-opentype'),
url('Lato-Heavy.woff') format('woff'),
url('Lato-Heavy.ttf') format('truetype'),
url('../img/font/Lato-Heavy.svg#Lato-Heavy') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Lato-HeavyItalic';
    src: url('Lato-HeavyItalic.eot');
    src: url('Lato-HeavyItalic.eot?#iefix') format('embedded-opentype'),
url('Lato-HeavyItalic.woff') format('woff'),
url('Lato-HeavyItalic.ttf') format('truetype'),
url('../img/font/Lato-HeavyItalic.svg#Lato-HeavyItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Lato-Italic';
    src: url('Lato-Italic.eot');
    src: url('Lato-Italic.eot?#iefix') format('embedded-opentype'),
url('Lato-Italic.woff') format('woff'),
url('Lato-Italic.ttf') format('truetype'),
url('../img/font/Lato-Italic.svg#Lato-Italic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Lato-LightItalic';
    src: url('Lato-LightItalic.eot');
    src: url('Lato-LightItalic.eot?#iefix') format('embedded-opentype'),
url('Lato-LightItalic.woff') format('woff'),
url('Lato-LightItalic.ttf') format('truetype'),
url('../img/font/Lato-LightItalic.svg#Lato-LightItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
Lato-MediumItalic
@font-face {
    font-family: 'Lato-MediumItalic';
    src: url('Lato-MediumItalic.eot');
    src: url('Lato-MediumItalic.eot?#iefix') format('embedded-opentype'),
url('Lato-MediumItalic.woff') format('woff'),
url('Lato-MediumItalic.ttf') format('truetype'),
url('../img/font/Lato-MediumItalic.svg#Lato-MediumItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Lato-Regular';
    src: url('Lato-Regular.eot');
    src: url('Lato-Regular.eot?#iefix') format('embedded-opentype'),
url('Lato-Regular.woff') format('woff'),
url('Lato-Regular.ttf') format('truetype'),
url('../img/font/Lato-Regular.svg#Lato-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Lato-Semibold';
    src: url('Lato-Semibold.eot');
    src: url('Lato-Semibold.eot?#iefix') format('embedded-opentype'),
url('Lato-Semibold.woff') format('woff'),
url('Lato-Semibold.ttf') format('truetype'),
url('../img/font/Lato-Semibold.svg#Lato-Semibold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Lato-SemiboldItalic';
    src: url('Lato-SemiboldItalic.eot');
    src: url('Lato-SemiboldItalic.eot?#iefix') format('embedded-opentype'),
url('Lato-SemiboldItalic.woff') format('woff'),
url('Lato-SemiboldItalic.ttf') format('truetype'),
url('../img/font/Lato-SemiboldItalic.svg#Lato-SemiboldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Lato-Thin';
    src: url('Lato-Thin.eot');
    src: url('Lato-Thin.eot?#iefix') format('embedded-opentype'),
url('Lato-Thin.woff') format('woff'),
url('Lato-Thin.ttf') format('truetype'),
url('../img/font/Lato-Thin.svg#Lato-Thin') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Lato-ThinItalic';
    src: url('Lato-ThinItalic.eot');
    src: url('Lato-ThinItalic.eot?#iefix') format('embedded-opentype'),
url('Lato-ThinItalic.woff') format('woff'),
url('Lato-ThinItalic.ttf') format('truetype'),
url('../img/font/Lato-ThinItalic.svg#Lato-ThinItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'apple_garamondregular';
    src: url('applegaramond.eot');
    src: url('applegaramond.eot?#iefix') format('embedded-opentype'),
url('applegaramond.woff2') format('woff2'),
url('applegaramond.woff') format('woff'),
url('applegaramond.ttf') format('truetype'),
url('applegaramond.svg#apple_garamondregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'apple_garamondbold';
    src: url('applegaramond-bold.eot');
    src: url('applegaramond-bold.eot?#iefix') format('embedded-opentype'),
url('applegaramond-bold.woff2') format('woff2'),
url('applegaramond-bold.woff') format('woff'),
url('applegaramond-bold.ttf') format('truetype'),
url('applegaramond-bold.svg#apple_garamondbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'apple_garamondbold_italic';
    src: url('applegaramond-bolditalic.eot');
    src: url('applegaramond-bolditalic.eot?#iefix') format('embedded-opentype'),
url('applegaramond-bolditalic.woff2') format('woff2'),
url('applegaramond-bolditalic.woff') format('woff'),
url('applegaramond-bolditalic.ttf') format('truetype'),
url('applegaramond-bolditalic.svg#apple_garamondbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'apple_garamonditalic';
    src: url('applegaramond-italic.eot');
    src: url('applegaramond-italic.eot?#iefix') format('embedded-opentype'),
url('applegaramond-italic.woff2') format('woff2'),
url('applegaramond-italic.woff') format('woff'),
url('applegaramond-italic.ttf') format('truetype'),
url('applegaramond-italic.svg#apple_garamonditalic') format('svg');
    font-weight: normal;
    font-style: normal;

}