/* GRID */
#main section.section {
    padding: 2em 0;
}

#main section.section section-padding {
    padding: 2em 0 2em;
}

#main section.section-responsive {
    padding: 2em 0 5em;
}

/* IMAGES */
.image-web-inspector {
    width: 100%;
    height: 460px;
    background-image: url("/safari/tools/images/tools-hero-large_2x.png");
    background-repeat: no-repeat;
    background-size: 806px 460px;
    background-position: center;
    margin-bottom: 48px;
}
@media all and (min-device-width: 736px) and (max-width: 1068px) {
    .image-web-inspector {
        background-size: 715px 408px;
        height: 408px;
        background-image: url("/safari/tools/images/tools-hero-medium_2x.png");
    }
}
@media all and (max-width: 735px) {
    .image-web-inspector {
        background-size: 283px 162px;
        height: 162px;
        background-image: url("/safari/tools/images/tools-hero-small_2x.png");
    }
}


.screen-responsive-design {
    background: url("/safari/tools/images/screen-responsive-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-responsive-design {
        background-image: url("/safari/tools/images/screen-responsive-large_2x.jpg");
    }
}

@media only screen and (max-width: 1068px) {
    .screen-responsive-design {
        background: url("/safari/tools/images/screen-responsive-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-responsive-design {
            background-image: url("/safari/tools/images/screen-responsive-medium_2x.jpg");
        }
    }
}

@media only screen and (max-width: 735px) {
    .screen-responsive-design {
        background: url("/safari/tools/images/screen-responsive-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-responsive-design {
            background-image: url("/safari/tools/images/screen-responsive-small_2x.jpg");
        }
    }
}