body {
    font-family: $font-family-primary;

    @include break(from-desktop) {
    @include font-size(20px);        
    }
}

@include headings() {
    margin: 1rem 0;
    font-family: $font-family-heading;
    font-weight: 400;
}

p {
    margin: 1rem 0;
}

h1 {
    @include font-size(50px);
    @include break(from-desktop) {
        @include font-size(70px);        
    }
}

h2 {
    @include font-size(40px);
    @include break(from-desktop) {
        @include font-size(45px);        
    }
}

h3 {
    @include font-size(30px);
    @include break(from-desktop) {
        @include font-size(34px);        
    }
}

h4 {
    @include font-size(24px);
    @include break(from-desktop) {
        @include font-size(30px);        
    }
}

h5 {
    @include font-size(20px);
    @include break(from-desktop) {
        @include font-size(24px);        
    }
}

h6 {
    @include font-size(16px);
    @include break(from-desktop) {
        @include font-size(18px);        
    }
}