@font-face {
    font-family:'averta-regular';
    src: url('../fonts/averta-regular.otf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap; 
}
@font-face {
    font-family:'averta-bold';
    src: url('../fonts/averta-bold.otf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap; 
}
@font-face {
    font-family:'playfairdisplay-medium';
    src: url('../fonts/playfairdisplay-medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap; 
}
@font-face {
    font-family:'playfairdisplay-regular';
    src: url('../fonts/playfairdisplay-regular.otf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap; 
}

@font-face {
    font-family:'roboto-bold';
    src: url('../fonts/roboto-bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap; 
}
@font-face {
    font-family:'roboto-regular';
    src: url('../fonts/roboto-regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap; 
}
@font-face {
    font-family:'averta-semibold';
    src: url('../fonts/averta-semibold.otf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap; 
}