@font-face {
    font-family: 'Copperplate';
    font-style: normal;
    font-weight: 400;
    font-display: swap;   
    src: url('../fonts/OPTICopperplate.eot');
    src: url('../fonts/OPTICopperplate.eot') format('embedded-opentype'),
         url('../fonts/OPTICopperplate.woff2') format('woff2'),
         url('../fonts/OPTICopperplate.woff') format('woff'),
         url('../fonts/OPTICopperplate.ttf') format('truetype'),
         url('../fonts/OPTICopperplate.svg#OPTICopperplate') format('svg');
}


@font-face {
    font-family: 'Copperplate';
    font-style: normal;
    font-weight: 700;
    font-display: swap;    
    src: url('../fonts/OPTICopperplateHeavy.eot');
    src: url('../fonts/OPTICopperplateHeavy.eot') format('embedded-opentype'),
         url('../fonts/OPTICopperplateHeavy.woff2') format('woff2'),
         url('../fonts/OPTICopperplateHeavy.woff') format('woff'),
         url('../fonts/OPTICopperplateHeavy.ttf') format('truetype'),
         url('../fonts/OPTICopperplateHeavy.svg#OPTICopperplateHeavy') format('svg');
}

/* 
@font-face {
	font-family: 'Copperplate';
    font-style: normal;
    font-weight: 700;
    font-display: swap;    
	src: url('../fonts/copperplate_gothic_bold.eot');
	src: url('../fonts/copperplate_gothic_bold.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
		url('../fonts/copperplate_gothic_bold.woff2') format('woff2'), /* Super Modern Browsers */
		url('../fonts/copperplate_gothic_bold.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */
		url('../fonts/copperplate_gothic_bold.ttf') format('truetype'), /* Safari, Android, iOS */
		url('../fonts/copperplate_gothic_bold.svg#copperplate_gothic_bold') format('svg'); /* Chrome < 4, Legacy iOS */
} */