.fp-section {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

#more-info {
    background-color: var(--black);
    color: var(--white);
    box-sizing: content-box;
}

#more-info b, #more-info strong, #more-info h2, #more-info span#about-cta {
    color: var(--yellow);
}

#more-info span#about-cta {
    font-weight: 900;
    font-size: 1.5rem;
}

/* Participate */

#participate-section {
    padding-top: 5.5rem;
    padding-bottom: 5.5rem;
    display: flex;
    background-image: url(/wp-content/themes/kampfjets/img/misc/participate.svg);
    background-position-x: 66%;
    background-position-y: center;
    background-size: cover;
    color: var(--white);
}

#participate-wrapper {
    width: 50%;
}

#participate-wrapper h1 {
    font-size: 6rem;
    margin-bottom: 1rem;
    color: var(--yellow);
}

html[lang="fr"] #participate-wrapper h1 {font-size: 5rem;}
html[lang="it"] #participate-wrapper h1 {font-size: 5rem;}

#participate-wrapper p {
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
}

#participate-wrapper b, #participate-wrapper strong {
    color: var(--yellow);
}

#participate-buttons {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

#participate-buttons .button {
    width: calc(50% - 0.5rem);
}

#participate-buttons.odd .button:last-child {
    width: 100%
}

/* Reasons section */

#reasons-section {
    background-color: #ffee0080;
}

/* Menu on Frontpage */
.frontpage nav#prim-nav {
    transform: translateY(-100%);
    transition: 0.25s linear transform;
}

.frontpage nav#prim-nav.demovox {
    transform: translateY(0);
}

.frontpage nav#prim-nav #nav-logo {
    height: 40px;
}

/* Mobile Styles */
@media screen and (max-width: 980px) {
    #participate-section {
        background-image: linear-gradient(90deg, rgba(29, 29, 27, 0.25) 0%, rgba(29, 29, 27, 0.25) 100%), url(/wp-content/themes/kampfjets/img/misc/participate.svg);
    }

    #participate-wrapper {
        width: 100%;
        max-width: 21cm;
        margin: auto;
    }

    #participate-wrapper h1 {font-size: 4rem;}
    html[lang="fr"] #participate-wrapper h1 {font-size: 3rem;}
    html[lang="it"] #participate-wrapper h1 {font-size: 3rem;}
}

@media screen and (max-width: 480px) {
    #participate-buttons .button {
        width: 100%;
    }
}