main, main > * {
    display: block
}

main {
    width: 100%;
    margin: 0 auto
}

    main > * {
        margin: 32px auto
    }

section {
    margin-bottom: 1em;
}

#product-features-section .sub-header {
    font-size: 2.25em !important
}

@media (min-width: 992px) {
    .product-page section[id*=-feature-tiles] .section-header {
        margin-bottom: 73px;
    }
}

@media (min-width: 992px) and (max-width: 1260px) {
    .product-page section[id*=-feature-tiles] .product-page-features-tile:last-child {
        margin-top: 73px;
    }
}

@media (max-width: 767px) {
    .product-page .section-wrapper .section-header {
        max-width: 325px;
        margin: 0 auto;
    }
}

.product-page section[id^=other-products-] {
    padding: 0;
}

/*
    Styles for new product pages
    TODO: move these to CMS when product page is ready
*/

.product-page #feature-seal-banner {
    background-color: #F0FBFF; /* Beluga Blue */
    padding-top: 80px !important;
}


#features-carousel {
}

    #features-carousel.flex-container-block .section-header {
        margin-bottom: 50px;
    }

        #features-carousel.flex-container-block .section-header .section-header-desc {
            font-size: 20px;
            line-height: 28px;
        }

@media (min-width: 768px) {
    #features-carousel.flex-container-block .section-header {
        max-width: 735px;
        margin-left: auto;
        margin-right: auto;
    }

    #features-carousel.flex-container-block .flex-container {
        max-width: 1140px;
        margin: auto;
    }
}

#product-get-started-steps {
}

    #product-get-started-steps .flex-container-items .flex-item:not(.flex-item-secondary-image-wrapper) {
        max-width: 390px !important;
    }

    #product-get-started-steps .flex-container-items .flex-item.flex-item-secondary-image-wrapper {
        max-width: 178px !important;
    }