@font-face {
    font-family: "Work Sans";
    src: url(work-sans_normal_300.ttf);
    font-weight: 300;
}

@font-face {
    font-family: "Work Sans";
    src: url(work-sans_normal_400.ttf);
    font-weight: 400;
}

@font-face {
    font-family: "Work Sans";
    src: url(work-sans_normal_500.ttf);
    font-weight: 500;
}

@font-face {
    font-family: "Work Sans";
    src: url(work-sans_normal_600.ttf);
    font-weight: 600;
}

@font-face {
    font-family: "Work Sans";
    src: url(work-sans_normal_700.ttf);
    font-weight: 700;
}

@font-face {
    font-family: "Work Sans";
    src: url(work-sans_normal_800.ttf);
    font-weight: 800;
}

h1, 
h2,
h3,
h4,
h5,
h6,
p,
a,
ul,
li,
body {
    font-family: "Work Sans" !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 24px;
}

p {
    margin-bottom: 16px;
}

@media (min-width: 772px) {
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        margin-bottom: 32px;
    }
    
    p {
        margin-bottom: 24px;
    }
}