#key-features {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-content: space-around;
    gap: 1em;
}

    #key-features h3 {
        font-size: var(--nl-font-size-100);
    }

#key-features-image {
    flex: 0 0 50%;
    margin: 0;
    height: auto;
    overflow: hidden;
    box-sizing: border-box;
}

    #key-features-image img {
        object-fit: cover;
        width: 100%;
        height: 100%;
        max-width: 100%;
        max-height: 100%;
    }


#key-features .grid {
    flex: 0 0 50%;
    grid-template-rows: 2fr 2fr 1fr;
}

    #key-features .grid div {
        color: var(--nl-color-charcoal);
    }



.feature-header img {
    margin-right: var(--nl-size-unit);
}

.feature-header {
    display: flex;
    padding: 0 0 var(--nl-size-unit) 0;
    margin: 0;
    flex-direction: row;
    align-items: center;
}

@media screen and (max-width:1024px) {
    #key-features {
        flex-direction:column;
    }

        #key-features .grid
        {
            display: flex;
            flex-direction: column;
        }
}