.bullets {
    list-style    : none;
    padding-left  : 0;
    width         : 100%;
    height        : 100%;
    display       : flex;
    flex-direction: column;
    gap           : 0.5em;
    max-width     : 760px
}

.bullets li {
    margin          : 0;
    display         : flex;
    gap             : 2em;
    align-items     : center;
    padding         : 1em;
    background-color: white;
    border-radius   : 10px;
    color           : var(--navy);
    border          : 1px solid var(--navy);
}

.bullets li i {
    width          : 32px;
    display        : flex;
    justify-content: start;
    align-items    : center;
    color          : var(--navy);
}

.media-pair {
    height     : 100%;
    padding-top: var(--space-2);
}

.two-col {
    align-items: flex-start;
}

.two-col>div:not(.media-pair) {
    display        : flex;
    justify-content: space-between;
    align-items    : center;
    flex-direction : column;
}

h2 {
    text-align: center;
}

@media (max-width: 1024px) {

    .hero-grid {
        width: 100%;
    }

    .hero-copy {
        width     : 100%;
        max-width : unset;
        width     : 100%;
        text-align: center;
    }

    .container {
        text-align: center;
    }

    .bullets {
        max-width: 600px;
    }

}

@media (max-width: 520px) {
    .media-pair {
        grid-template-columns: 1fr 1fr;
        gap                  : 12px;
    }
}