/* mission page */
#mission.hero h2.h3,
#our-vision h2.h3 {
    font-size: 2.8rem;
    color: var(--purple-5);
}

#mission.hero .container {
    max-width: 1160px;
    grid-gap: 7rem;
    gap: 7rem;
}

#mission.hero .content {
    flex: 0 1 515px;
}

#mission.hero .image {
    flex: 0 0 535px;
}

#our-vision {
    padding-top: 8rem;
    padding-bottom: 8rem;
}

#mission-cards {
    padding-top: 8rem;
    padding-bottom: 8rem;
}

#mission-cards .content-cards h4 {
    color: var(--purple-5);
}

#mission-cards .content-cards {
    display: flex;
    grid-gap: 3rem;
    gap: 3rem;
    justify-content: center;
}

#mission-cards .card-wrap {
    flex: 0 0 calc(33% - 2rem);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

#mission-cards .card-wrap img {
    flex: 0 0 auto;
}

#mission-cards .card {
    flex: 1 1 auto;
    padding-top: 0;
}

/* secuirty page */
#security-main .hero .container {
    max-width: 1160px;
}

#security-main .feature-descriptions {
    padding-top: 4rem;
}

#security-main .feature-descriptions .container>h2 {
    margin-bottom: 4.8rem;
}

/* connect page */
#connect-options.sidebyside-image-cards {
    padding-top: 10rem;
    padding-bottom: 10rem;
}

#connect-options .cards {
    grid-gap: 4rem;
    gap: 4rem;
}

#connect-options .card p {
    padding: 0 2.4rem;
}

#help-center .section-subtitle {
    margin-bottom: 7rem;
}

#help-center .app-icon-content-blocks {
    padding-top: 8rem;
    padding-bottom: 8rem;
}

#help-center .apps-info {
    grid-gap: 3.2rem;
    gap: 3.2rem;
}

#help-center .section-subtitle {
    max-width: 1000px;
}

#connect {
    padding-top: 5rem;
    padding-bottom: 5rem;
}

#connect .container {
    flex: 1 1 auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    grid-gap: 4rem;
    gap: 4rem;
}

#connect .form-field {
    margin-bottom: 1.6rem;
} 

#connect .thankyou-msg {
    display: none;
}

#connect .thankyou-msg.success,
#connect .thankyou-msg.error {
    display: block;
}

#connect .thankyou-msg img {
    width: auto;
    height: 14.9rem;
}

#connect .image {
    flex: 0 0 600px;
}


@media (max-width: 1224px) {

    /* connect page */
    #help-center .apps-info {
        grid-gap: 4rem;
        gap: 4rem;
    }

    #connect .thankyou-msg {
        margin: 3rem;
    }

    #connect .image {
        max-width: 569px;
        height: 567px;
    }

}

@media (max-width: 1140px) {

    /* connect page */
    #help-center .apps-info {
        grid-gap: 2.4rem;
        gap: 2.4rem;
    }

} 

@media (max-width: 1100px) {

    /* mission page */
    #mission.hero {
        padding-bottom: 3rem;
    }

    #mission.hero .content {
        flex: 0 0 auto;
    }

    #mission-cards .content-cards {
        flex-direction: column;
    }

    #mission-cards .card-wrap {
        max-width: 550px;
    }

    #mission-main .feature-descriptions {
        padding-top: 2.4rem;
        padding-bottom: 6.5rem;
    }

    /* security page */
    #security-main .feature-descriptions {
        padding-bottom: 4rem;
    }

    /* connect page */
    #help-center .apps-info {
        grid-gap: 10em;
        gap: 10rem;
    }


}

@media (max-width: 960px) {

    /* mission page */
    #our-vision,
    #mission-cards {
        padding-left: 2.4rem;
        padding-right: 2.4rem;
        width: calc(100% - 4.8rem);
    }

    #mission.hero .container {
        grid-gap: 0;
        gap: 0;
    }

    /* connect page */
    #connect-options .card {
        padding: 2.4rem;
    }

    #connect-options .card p {
        padding: 0;
    }

    #help-center .apps-info {
        grid-gap: 6em;
        gap: 6rem;
    }

    #help-center .apps-info .app p {
        text-align: left;
    }

    #connect .image {
        display: none;
    }

    #connect .thankyou-msg.success,
    #connect .thankyou-msg.error {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        margin: auto;
    }

    #connect .image {
        display: none;
    }

    #connect button {
        width: 100%;
    }

}

@media (max-width: 768px) {

    /* mission page */
    #our-vision,
    #mission-cards {
        padding-left: 1.6rem;
        padding-right: 1.6rem;
        width: calc(100% - 3.2rem);
    }

    /* connect page */
    #help-center .apps-info .app {
        margin-bottom: unset;
    }
}

@media (max-width: 600px) {

    /* mission page */
    #mission.hero {
        padding-bottom: 0;
    }

    #mission.hero .image {
        flex: 0 0 auto;
    }

    #our-vision,
    #mission-cards {
        padding-left: .8rem;
        padding-right: .8rem;
        width: calc(100% - 1.6rem);
    }

    /* connect page */
    #connect-options .card {
        padding: 1.6rem;
    }

    #connect-options .card p {
        padding: 0;
    }

    #connect {
        gap: 5.6rem;
    }

    #connect .thankyou-msg {
        margin: auto;
    }
}

@media (max-width: 320px) {
    footer {
        max-width: 375px;
    }

}