main h2,
main h3 {
    text-align: center
}

main li,
main p {
    text-align: left;
    margin-top: var(--spacing)
}

.benefit-list {
    margin: 0;
    margin-bottom: var(--spacingDouble);
    padding: 0;
    list-style: none
}

.benefit-list>li {
    text-align: left;
    margin: 0 0 var(--spacing) 0;
    padding-left: 1.8rem;
    position: relative
}

.benefit-list img {
    margin: var(--spacing) auto 0;
    max-width: 100%;
    height: auto;
    display: block
}

.benefit-list>li:before {
    content: "";
    background-color: var(--color-secondary);
    width: 1.1rem;
    height: 1.1rem;
    position: absolute;
    top: .35em;
    left: 0;
    -webkit-mask: url(/img/icons/star.svg) 50%/contain no-repeat;
    mask: url(/img/icons/star.svg) 50%/contain no-repeat
}

.benefit-list ol {
    margin: .4rem 0 0 1.6rem;
    list-style: decimal
}

@media (orientation:portrait) {
    .benefit-list {
        margin: 0 var(--spacingDouble)
    }
}

@media (orientation:landscape) {
    .benefit-list {
        margin: 0;
        margin-bottom: var(--spacingDouble);
        padding: 0;
        list-style: none
    }

    .benefits {
        display: flex
    }

    .benefit-column {
        flex: 1 1 0
    }

    .benefit-column:first-child {
        border-right: 1px solid var(--color-border);
        padding-right: var(--spacing)
    }

    .benefit-column:last-child {
        padding-left: var(--spacing)
    }
}

@media (max-width:40em) {
    .benefit-list {
        margin: 0 var(--spacingHalf)
    }
}