@font-face
{
    font-family: playfairdiplay;
    src: url(fonts/Playfair_Display/PlayfairDisplay-Regular.ttf);
    
    font-family: sacramento;
    src: url(fonts/Sacramento/Sacramento-Regular.ttf);
}

.sacramento
{
    font-family: sacramento, serif;
}

.playfair-display
{
    font-family: playfairdisplay, serif;
}

@media screen and (max-width: 768px) {
    font {
        font-size: 1.3em;
    }
}
 
@media screen and (max-width: 568px) {
    font {
        font-size: 1.3em;
    }
}