*
{
    box-sizing: border-box;
    font-family: var(--paragraph-font-family);
    word-wrap: break-word !important;
}

html, body
{
    width: 100%;
    min-height: 100vh;
    margin: 0px;
    padding: 0px;
}

body
{
    overflow-y: scroll;
}

img
{
    display: block;
}

h1, h2, h3, h4, h5, h6
{
    font-family: var(--heading-font-family) !important;
    margin: 0px;
    padding: 0;
}

.clear
{
    clear: both;
}

ul
{
    padding: var(--spacing-2x);
}

.only-mobile
{
    display: none;
}