#overview p {
    max-width: none;
}

.section-hero-blue {
    background: -webkit-linear-gradient(180deg, #21a4f1 0%, #080d3a 100%);
    background: linear-gradient(180deg, #21a4f1 0%, #080d3a 100%);
}

body[data-color-scheme="light"] .section-hero-blue {
    color: white;
}

.safari-tab-bar {
    width: 100%;
}

.extensions-hero {
    margin-top: 2em;
    width: 100%;
}

/* .extensions-hero-container {
    min-height: 572px;
}

@media only screen and (max-width: 1068px) {
    .extensions-hero-container {
        min-height: 404px;
    }
}
@media only screen and (max-width: 735px) {
    .extensions-hero-container {
        min-height: 339px;
    }
} */

.lockup-hero {
    margin-top: 2em;
    width: 100%;
}

/* .lockup-hero-container {
    min-height: 406px;
}

@media only screen and (max-width: 1068px) {
    .lockup-hero-container {
        min-height: 265px;
    }
}
@media only screen and (max-width: 735px) {
    .lockup-hero-container {
        min-height: 181px;
    }
} */

.device-macbook-pro-space-grey {
    margin-top: 1em;
}

.icon-safari {
    margin-bottom: 1em;
    width: 96px;
    height: 96px;
    background-size: 96px 96px;
    background-repeat: no-repeat;
    background-image: url("/assets/elements/icons/safari-macos-11/safari-macos-11-96x96.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), only screen and (min-resolution: 144dpi) {
    .icon-safari {
        background-image: url("/assets/elements/icons/safari-macos-11/safari-macos-11-96x96_2x.png");
    }
}

.icon-image {
    width: 64px;
    height: 64px;
    background-size: 64px 64px;
    background-repeat: no-repeat;
}

.icon-safari-preview {
    margin-bottom: 1em;
    background-image: url("/assets/elements/icons/safari-technology-preview/safari-technology-preview-64x64.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), only screen and (min-resolution: 144dpi) {
    .icon-safari-preview {
        background-image: url("/assets/elements/icons/safari-technology-preview/safari-technology-preview-64x64_2x.png");
    }
}

.screen-hero-safari-15 {
    background: url("/safari/images/screen-hero-safari-15-large.jpg");
    background-size: 100% 100%;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), only screen and (min-resolution: 144dpi) {
    .screen-hero-safari-15 {
        background-image: url("/safari/images/screen-hero-safari-15-large_2x.jpg");
    }
}

@media only screen and (max-width: 1068px) {
    .screen-hero-safari-15 {
        background: url("/safari/images/screen-hero-safari-15-medium.jpg");
    }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), only screen and (min-resolution: 144dpi) {
        .screen-hero-safari-15 {
            background-image: url("/safari/images/screen-hero-safari-15-medium_2x.jpg");
        }
    }
}

@media only screen and (max-width: 735px) {
    .screen-hero-safari-15 {
        background: url("/safari/images/screen-hero-safari-15-small.jpg");
    }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), only screen and (min-resolution: 144dpi) {
        .screen-hero-safari-15 {
            background-image: url("/safari/images/screen-hero-safari-15-small_2x.jpg");
        }
    }
}

/* ========== Grid Changes ========== */
#main section.section {
    padding-top: 4em;
    padding-bottom: 4em;
}
#main section .section-content .row {
    margin-left: 0;
    margin-right: 0;
}
#main section .section-content .row > .column {
    padding: 0;
}

#main section.section.section-tab-bar {
    padding-top: 4em;
    padding-bottom: 0em;
}

@media only screen and (max-width: 1068px) {
    #main section .section-content .row {
        margin-left: 0;
        margin-right: 0;
    }
    #main section .section-content .row > .column {
        padding: 0;
    }
}

@media only screen and (max-width: 735px) {
    #main section.section {
        padding-top: 2em;
        padding-bottom: 2em;
    }
    #main section .section-content .row {
        margin-left: 0;
        margin-right: 0;
    }
    #main section .section-content .row > .column {
        padding: 1em 0;
    }
}