@import '../common';

html {
    font-size: 12px;

    @media screen and (max-width: $screen-m) {
        font-size: 10px;
    }

    @media screen and (min-width: $screen-l) {
        font-size: 16px;
    }
}

body {
    font-family: 'Julius Sans One', 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 1.2rem;
    line-height: 1.4;
    font-weight: 300;
    overflow-x: hidden;
    color: #fff;
    margin: 0;
}

p,
span {
    font-size: 1.25rem;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 500;
}

h1 {
    font-size: 3.5rem;
}

h2 {
    font-size: 2rem;
}

.Footer {
    background: $theme-primary;
    padding: 5px $side-padding;

    &-Text {
        display: inline-block;
        width: 50%;
    }

    &-SocialMedia {
        display: inline-block;
        width: 50%;
        text-align: right;
        > a {
            color: #fff;
        }
        i {
            padding: 0px 10px;
        }
    }
}

@import '../common';

html {
    font-size: 12px;

    @media screen and (max-width: $screen-m) {
        font-size: 10px;
    }

    @media screen and (min-width: $screen-l) {
        font-size: 16px;
    }
}

body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 1.2rem;
    line-height: 1.4;
    font-weight: 300;
    overflow-x: hidden;
    color: #fff;
    margin: 0;
}

p,
span {
    font-size: 1.25rem;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 500;
}

h1 {
    font-size: 3.5rem;
}

h2 {
    font-size: 2rem;
}

.Footer {
    background: $theme-primary;
    padding: 5px $side-padding;

    &-Text {
        display: inline-block;
        width: 50%;
    }

    &-SocialMedia {
        display: inline-block;
        width: 50%;
        text-align: right;
        > a {
            color: #fff;
        }
        i {
            padding: 0px 10px;
        }
    }
}

Clean up main font family
Clean up main font family
