html * {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    &::selection {
        color: #fff;
        opacity: 1;
        background-color: rgba($cr-brand-primary, .7);
    }
}

body {
    font-family: $font-primary;
    color: $base-text-color;
    font-size: $base-font-size;
    line-height: $line-height-base;

    @include media('<tablet') {
        font-size: 15px;
        line-height: 1.2553;
    }
}

img {
    max-width: 100%;
}

button, input, optgroup, select, textarea {
    font-family: inherit;
    color: currentColor;
}

img,
video,
iframe {
    vertical-align: top;
}

p {
    margin-top: 0;
}

.h,
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5 {
    margin-top: 0;
    font-weight: $heading-weight;
    cursor: default;
    line-height: 1.2;
    color: #fff;
}
h1, .h1 {
    @include adaptive-font(24, 28);
}

h2, .h2 {
    @include adaptive-font(24, 28);
    line-height: 1;
}

h3, .h3 {
    @include adaptive-font(20, 24);
}

h4, .h4 {
    font-size: 22px;
}

h5, .h5 {
    font-size: 12px;
    line-height: 1.5;
}

a {
    @include anim;
    color: $cr-brand-primary;
    text-decoration: none;
    @include hover {
        color: $cr-brand-primary;
    }
}

strong, b {
    cursor: default;
    font-weight: 700;
}
