/* -- Front Page -- */

.front-page-content {
    padding-bottom: 80px;
}

.front-page-content h1 {
    font-size: 5.2rem;
    font-weight: var(--font-weight-regular);
}

.front-page-content h2 {
    font-size: 1.4rem;
    font-weight: var(--font-weight-normal);
}

.front-page-content p {
    font-size: 1.125rem;
    font-weight: var(--font-weight-regular);
    max-width: 820px;
}

.front-page-see-art-link {
    background: var(--highlight-color);
    font-weight: var(--font-weight-demibold);
    color: var(--text);
    fill: var(--text);
    border-radius: var(--border-radius-full);
    padding: 10px 21px;
    display: inline-block;
}

.front-page-see-art-link svg {
    margin-left: 8px;
    margin-top: -1px;
    width: 12px;
}

.front-page-contact-me-link {
    background: var(--text);
    color: #fff;
    padding: 10px 21px;
    display: inline-block;
    margin-left: 14px;
    font-weight: var(--font-weight-demibold);
    border-radius: var(--border-radius-full);
}

.front-page-contact-me-link:hover {
    background: var(--text);
    color: #fff;
}

.front-page-background {
    padding: 0px var(--outer-container);
}

.front-page-background img {
    width: 100%;
}

@media screen and (max-width: 959px) {

    .front-page-content {
        padding-bottom: 40px;
    }

    .front-page-content h1 {
        font-size: 2.3rem;
    }

    .front-page-content h2 {
        font-size: 1.125rem;
        line-height: 1.4;
    }

    .front-page-content p {
        font-size: 1rem;
    }

    .front-page-contact-me-link {
        margin-left: 12px;
    }

    .front-page-background {
        padding: 0 var(--mobile-margin);
    }

}