/* BRANDON GROTESQUE */
@font-face{
    font-family:BrandonGrotesque;
    font-display: swap;
    src: url('Brandon/BrandonGrotesque-Regular.ttf');
         url('Brandon/BrandonGrotesque-Regular.html') format('woff2'),
		 url('Brandon/BrandonGrotesque-Regular.woff') format('woff'),
		 url('Brandon/BrandonGrotesque-Regular.svg#BrandonGrotesque-Regular') format('svg');
    font-weight:400;
}
@font-face{
    font-family:BrandonGrotesque;
    font-display: swap;
    src: url('Brandon/BrandonGrotesque-Medium.ttf');
         url('Brandon/BrandonGrotesque-Medium.html') format('woff2'),
		 url('Brandon/BrandonGrotesque-Medium.woff') format('woff'),
		 url('Brandon/BrandonGrotesque-Medium.svg#BrandonGrotesque-Medium') format('svg');
    font-weight:500;
}
@font-face{
    font-family:BrandonGrotesque;
    font-display: swap;
    src: url('Brandon/BrandonGrotesque-Bold.ttf');
         url('Brandon/BrandonGrotesque-Bold.html') format('woff2'),
		 url('Brandon/BrandonGrotesque-Bold.woff') format('woff'),
		 url('Brandon/BrandonGrotesque-Bold.svg#BrandonGrotesque-Bold') format('svg');
    font-weight:700;
}

/* BUTLER */
@font-face{
    font-family:Butler;
    font-display: swap;
    src: url('Butler/Butler-Regular.ttf');
         url('Butler/Butler-Regular.html') format('woff2'),
		 url('Butler/Butler-Regular.woff') format('woff'),
		 url('Butler/Butler-Regular.svg#Butler-Regular') format('svg');
    font-weight:400;
}

/* BODONI */
@font-face{
    font-family:Bodoni;
    font-display: swap;
    src: url('Bodoni/Bodoni-Regular.ttf');
         url('Bodoni/Bodoni-Regular.html') format('woff2'),
		 url('Bodoni/Bodoni-Regular.woff') format('woff'),
		 url('Bodoni/Bodoni-Regular.svg#Bodoni-Regular') format('svg');
    font-weight:400;
}