:root{
    --ast-global-color-5: linear-gradient(90deg, #5C81CD 0%, #FFFFFE 100%);
}

#content{
    background: var(--ast-global-color-5);
}

.ast-primary-header-bar {
    background: var(--ast-global-color-5);
}



/* ------Footer----- */

.site-above-footer-wrap,
.site-below-footer-wrap {
    padding-bottom: 0;
}

.footer-content {
    border-top: 1px solid var(--ast-global-color-2);
    background: var(--ast-global-color-5);
    color: var(--ast-global-color-2);
    padding: 3rem 1rem 0 1rem;
}

.footer-content a {
    color: var(--ast-global-color-4);
}

.footer-top-wrap {
    max-width: 1500px;
    margin-inline: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    gap: 2rem;
}

.bio-wrap {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.bio-wrap .img-wrap {
    max-width: 150px;
    flex-shrink: 0;
}

.bio-wrap img {
    max-width: 100%;
}

.bio-wrap .text-wrap {
    max-width: 300px;
}

.bio-wrap .text-wrap h3,
.bio-wrap .text-wrap h4 {
    margin-block: 0 0.5rem;
}

.bio-wrap .text-wrap p {
    margin-block: 0 0.5rem;
}

.footer-content ul {
    padding-inline-start: 0;
    margin-inline-start: 0;
}

.footer-content li {
    list-style-type: none;
}

.footer-top-wrap .social-wrap h4,
.footer-top-wrap .contact-wrap p,
.footer-top-wrap .social-wrap ul {
    margin-block: 0.5rem;
}

.footer-top-wrap .contact-wrap i {
    font-size: 1.3rem;
    margin-inline: 0.5rem;
}

.footer-top-wrap .social-wrap i {
    font-size: 1.8rem;
    margin-inline: 0 0.5rem;
}

.footer-top-wrap .social-wrap {
    margin-top: 1rem;
}

.footer-top-wrap .social-wrap li {
    display: inline-block;
}

.footer-mid-wrap {
    margin-block: 2rem;
}

.footer-mid-wrap .qualifications {
    margin-inline: auto;
    max-width: 1200px;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: space-around;
    align-items: center;
}

.footer-mid-wrap img {
    max-width: 150px;
    max-height: 100px;
}

.cjpixel-wrap {
    max-width: 1200px;
    text-align: center;
    margin-inline: auto;
}

.cjpixel-wrap p {
    border-top: 1px solid;
    margin: 1rem 0 0 0;
    padding: 1rem;
}

.legal-wrap ul {
    max-width: 1400px;
    margin-inline: auto;
    border-top: 1px solid;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1rem;
    margin-block: 0;
    padding: 1rem 0;
}

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

    .bio-wrap {
        width: 100%;
        justify-content: center;
    }

    .bio-wrap .text-wrap {
        max-width: 400px;
    }

    .footer-top-wrap {
        justify-content: center;
        column-gap: 4rem;
    }

}

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

    .bio-wrap {
        flex-wrap: wrap;
        justify-content: center;
        text-align: center;
    }

    .bio-wrap .img-wrap {
        max-width: 170px;
    }

    .list-wrap ul {
        display: flex;
        gap: 1rem;
        justify-content: center;
        flex-wrap: wrap;
        margin-bottom: 0;
    }

    .footer-top-wrap .contact-wrap i {
        font-size: 1.3rem;
    }

    .footer-top-wrap .contact-wrap {
        text-align: center;
        font-size: 1.2rem;
    }

    .footer-mid-wrap .qualifications {
        justify-content: center;
    }

    .footer-mid-wrap img {
        max-width: 130px;
    }

}