body {
    background-color: #f5f5f5;
    color: #000;
    font-family: 'Nunito', sans-serif;
    font-weight: 300;
    margin: 0;
    min-height: 100vh;
}

.white-text {
    color: #fff;
}

.white-background {
    background-color: #fff;
}

.gray-background {
    background-color: #666;
}

.dark-background {
    background-color: #444;
}

.padding-top {
    padding-top: 40px;
}

.pt-20 {
    padding-top: 20px;
}

.link-text {
    text-decoration: underline;
}

a.large-text {
    text-decoration: underline;
}

h1 {
    font-family: 'Nunito', sans-serif;
    font-weight: 400;
}

h2 {
    font-family: 'Nunito', sans-serif;
    font-weight: 400;
}

h3 {
    font-family: 'Nunito', sans-serif;
    font-weight: 400;
}

h4 {
    font-family: 'Nunito', sans-serif;
    font-weight: 400;
}

@media screen and (max-width: 639px) {
    h1 {
        font-size: 2.5em;
    }

    h2 {
        font-size: 1.8em;
    }

    h3 {
        font-size: 1.1em;
    }

    .large-text {
        font-size: 1.1em;
    }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
    h1 {
        font-size: 3em;
    }

    h2 {
        font-size: 2em;
    }

    h3 {
        font-size: 1.3em;
    }

    .large-text {
        font-size: 1.3em;
    }
}

@media screen and (min-width: 960px) and (max-width: 1199px) {
    h1 {
        font-size: 3.5em;
    }

    h2 {
        font-size: 2.2em;
    }

    h3 {
        font-size: 1.5em;
    }

    .large-text {
        font-size: 1.5em;
    }
}

@media screen and (min-width: 1200px) {
    h1 {
        font-size: 4em;
    }

    h2 {
        font-size: 2.5em;
    }

    h3 {
        font-size: 1.8em;
    }

    .large-text {
        font-size: 1.8em;
    }
}