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

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

@font-face {
    font-family: 'PT Sans';
    font-weight: normal;
    src: url('../fonts/PTSans.eot');
    src: url('../fonts/PTSans.eot') format('embedded-opentype'),
         url('../fonts/PTSans.woff2') format('woff2'),
         url('../fonts/PTSans.woff') format('woff'),
         url('../fonts/PTSans.ttf') format('truetype'),
         url('../fonts/PTSans.svg#PTSans') format('svg');
}

@font-face {
    font-family: 'PT Sans';
    font-weight: bold;
    src: url('../fonts/PTSansbold.eot');
    src: url('../fonts/PTSansbold.eot') format('embedded-opentype'),
         url('../fonts/PTSansbold.woff2') format('woff2'),
         url('../fonts/PTSansbold.woff') format('woff'),
         url('../fonts/PTSansbold.ttf') format('truetype'),
         url('../fonts/PTSansbold.svg#PTSansbold') format('svg');
}