/* For h1 and h2 */
@font-face {
    font-family: 'Petrona SemiBold';
    src: url("./Petrona-SemiBold.ttf");
    font-weight: normal;
}
/* For h3 - h6 */
@font-face {
    font-family: 'Petrona Medium';
    src: url("./Petrona-Medium.ttf");
    font-weight: normal;
}

.title h1.extra-large, .title .h1.extra-large {
    font-family: 'Petrona SemiBold', serif;
}

.title h1, .title .h1, .title h2, .title .h2 {
    font-family: 'Petrona SemiBold', serif;
}

.title .cmp-title h1, .title .cmp-title h2 {
    font-family: 'Petrona SemiBold', serif;
	margin: .5em 0em;
}

.text-large, .text-x-large, .text-xx-large {
    font-family: 'Petrona SemiBold', serif;
}

.title h3, .title .h3, .title h4, .title .h4, .title h5, .title .h5, .title h6, .title .h6 {
    font-family: 'Petrona Medium', serif;
}

.text-medium {
    font-family: 'Petrona Medium', serif;
}