@font-face {
    font-family: 'americanpurpose';
    font-style: normal;
    font-weight: normal;
    src: local('americanpurpose'), url('../fonts/americanpurpose.otf') format('otf');
    src: local('americanpurpose'), url('../fonts/americanpurpose.ttf') format('truetype');
    }
    

@font-face {
    font-family: 'americanpurpose2';
    font-style: normal;
    font-weight: normal;
    src: local('americanpurpose2'), url('../fonts/americanpurpose2.otf') format('otf');
    src: local('americanpurpose2'), url('../fonts/americanpurpose2.ttf') format('truetype');
    }    
    
@font-face {
    font-family: 'gothammediumregular';
    font-style: normal;
    src: local('gothammediumregular'), url('../fonts/gothammediumregular.ttf') format('truetype');
    }  
    
@font-face {
    font-family: 'gothamlight';
    font-style: normal;
    src: local('gothamlight'), url('../fonts/gothamlight.otf') format('otf');
    src: local('gothamlight'), url('../fonts/gothamlight.ttf') format('truetype');
    }