<commit_before>/* Site Header
 * ============================================== */
    .site-header {
        min-height: 200px;
        max-height: 300px;
        background-color: $brand-color;
        background-image: url('');
        background-size: cover;
        background-position: center -100px;
        background-attachment: fixed;

        @include media-query($on-palm) {
            min-height: 100px;
            background-position: center -200px;
        }
    }

    .site-header a, a h1:hover {color: #FFF};

    .site-header h1 {
        display: block;
        font-size: 3em !important;
        line-height: 80px;
        letter-spacing: 3px;
        text-align: center;
        padding-top: 0;
        clear: both;
        text-transform: uppercase;
        font-family: 'Open Sans';

        @include media-query($on-palm) {
            font-size:60px !important;
            line-height: 60px !important;
            letter-spacing: 0px;
        }

        @media only screen and (max-width: 500px) {
            font-size: 2.25em !important;
        }
    }

    .site-header span {
        border: 10px solid #FFF;
        padding: 0.3em 0.5em;
        margin-top: 20px;
        margin-bottom: 40px;
        display: inline-block;

        @include media-query($on-palm) {
            margin: 10px 10px;
            padding: 0.15em 0.4em;
        }
    }

    .site-nav {
        float: right;
        line-height: 56px;
        margin-right: 25px;

        .page-link {<commit_msg>Updating CSS for better wrapping with navigation buttons<commit_after>/* Site Header
 * ============================================== */
    .site-header {
        min-height: 200px;
        max-height: 300px;
        background-color: $brand-color;
        background-image: url('');
        background-size: cover;
        background-position: center -100px;
        background-attachment: fixed;

        @include media-query($on-palm) {
            min-height: 100px;
            background-position: center -200px;
        }
    }

    .site-header a, a h1:hover {color: #FFF};

    .site-header h1 {
        display: block;
        font-size: 3em !important;
        line-height: 80px;
        letter-spacing: 3px;
        text-align: center;
        padding-top: 0;
        clear: both;
        text-transform: uppercase;
        font-family: 'Open Sans';

        @include media-query($on-palm) {
            font-size:60px !important;
            line-height: 60px !important;
            letter-spacing: 0px;
        }

        @media only screen and (max-width: 500px) {
            font-size: 2.25em !important;
        }
    }

    .site-header span {
        border: 10px solid #FFF;
        padding: 0.3em 0.5em;
        margin-top: 20px;
        margin-bottom: 40px;
        display: inline-block;

        @include media-query($on-palm) {
            margin: 10px 10px;
            padding: 0.15em 0.4em;
        }
    }

    .site-nav {
        float: right;
        height: 58px;
        margin-right: 35px;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: flex-end;

        .page-link {
{'fraction_non_alphanumeric': 0.14281210592686003, 'fraction_numerical': 0.03530895334174023, 'mean_word_length': 1.633195020746888, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4246197', 'n_tokens_mistral': 1070, 'n_tokens_neox': 945, 'n_words': 221}