/* ---------- reset ---------- */
*, *::before, *::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'radio canada';
    line-height: 1.5;
}

/* ---------- mobile ---------- */

h1 {
    font-size: 3rem;
}

h2 {
    font-size: 2rem;
}

h3 {
    font-size: 1.75rem;
}

h4 {
    font-size: 1.25rem;
}

small {
    font-size: .75rem;
}

img {
    display: block;
    width: 100%;
    height: auto;
    max-width: 100%;
}

button:hover,
a:hover {
    cursor: pointer;
}

.strategy-wrapper {
    position: relative;
}

[class$='-section-header'] svg {
    width: 100%;
    max-width: 5rem !important;
}

@media screen and (min-width: 48rem) {
    p, 
    button,
    a[href], 
    li {
        font-size: 1.25rem !important;
    }

    p {
        font-weight: lighter;
    }

    small {
        font-size: 0.875rem;
    }
}

@media screen and (min-width: 62rem) {
    h1 {
        font-size: 5rem;
    }
}

.hide-until-after-release {
    display: none !important;
}

a:hover,
button:hover {
    text-decoration: underline !important;
}