@font-face {
    font-family: 'portrait-alt-bold';
    src: url('portraitscript-alts-bold-webfont.woff2') format('woff2'),
         url('portraitscript-alts-bold-webfont.woff') format('woff'),
         url('portraitscript-alts-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
.f-pab {
    font-family: 'portrait-alt-bold';
}

@font-face {
    font-family: 'portrait-alt';
    src: url('portraitscript-alts-webfont.woff2') format('woff2'),
         url('portraitscript-alts-webfont.woff') format('woff'),
         url('portraitscript-alts-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
.f-pa {
    font-family: 'portrait-alt';
}

@font-face {
    font-family: 'portrait-bold';
    src: url('portraitscript-bold-webfont.woff2') format('woff2'),
         url('portraitscript-bold-webfont.woff') format('woff'),
         url('portraitscript-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
.f-pb {
    font-family: 'portrait-bold';
}

@font-face {
    font-family: 'portrait-bounce-bold';
    src: url('portraitscript-bounce-bold-webfont.woff2') format('woff2'),
         url('portraitscript-bounce-bold-webfont.woff') format('woff'),
         url('portraitscript-bounce-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
.f-pbb {
    font-family: 'portrait-bounce-bold';
}

@font-face {
    font-family: 'portrait-bounce';
    src: url('portraitscript-bounce-webfont.woff2') format('woff2'),
         url('portraitscript-bounce-webfont.woff') format('woff'),
         url('portraitscript-bounce-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
.f-pbo{
    font-family: 'portrait-bounce';
}

@font-face {
    font-family: 'portrait';
    src: url('portraitscript-regular-webfont.woff2') format('woff2'),
         url('portraitscript-regular-webfont.woff') format('woff'),
         url('portraitscript-regular-webfont.ttf') format('truetype');
         font-weight: normal;
    font-style: normal;
}
.f-p {
    font-family: 'portrait';
}

@font-face {
    font-family: 'karin';
    src: url('../karin/KarinRegular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
.f-k {
    font-family: 'karin';
}

@font-face {
    font-family: 'karin-bold';
    src: url('../karin/KarinBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
.f-kb {
    font-family: 'karin-bold';
}

@font-face {
    font-family: 'karin-light';
    src: url('../karin/KarinLight.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
.f-kl {
    font-family: 'karin-light';
}

@font-face {
    font-family: 'karin-medium';
    src: url('../karin/KarinMedium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
.f-km {
    font-family: 'karin-medium';
}

h1 {
    font-family: 'portrait-bounce';
}