/**
 * Please note that these styles will be loaded before editor styles.
 * If a theme's editor style specifies the same classname, these may be overwritten.
 */

@media screen and (min-width: 768px) {
    .is-style-wide-image {
        margin-left: -5%;
        margin-right: -5%;
        max-width: 110%;
        transition: width .3s;
        width: 110%;
    }

    .is-style-wide-image img {width: 100%;}
}

@media screen and (min-width: 1024px) {
    .is-style-wide-image {
        margin-left: -7.5%;
        margin-right: -7.5%;
        max-width: 115%;
        width: 115%;
    }
}

@media screen and (min-width: 1080px) {
    .is-style-wide-image {
        margin-left: -10%;
        margin-right: -10%;
        max-width: 120%;
        width: 120%;
    }
}


@media screen and (min-width: 1120px) {
    .is-style-wide-image {
        margin-left: -12.5%;
        margin-right: -12.5%;
        max-width: 125%;
        width: 125%;
    }
}

@media screen and (min-width: 1160px) {
    .is-style-wide-image {
        margin-left: -15%;
        margin-right: -15%;
        max-width: 130%;
        width: 130%;
    }
}

@media screen and (min-width: 1200px) {
    .is-style-wide-image {
        margin-left: -17.5%;
        margin-right: -17.5%;
        max-width: 135%;
        width: 135%;
    }
}

@media screen and (min-width: 1250px) {
    .is-style-wide-image {
        margin-left: -20%;
        margin-right: -20%;
        max-width: 140%;
        width: 140%;
    }
}

@media screen and (min-width: 1300px) {
    .is-style-wide-image {
        margin-left: -22.5%;
        margin-right: -22.5%;
        max-width: 1280px;
        width: 145%;
    }
}

@media screen and (min-width: 1350px) {
    .is-style-wide-image {
        margin-left: -25%;
        margin-right: -25%;
        width: 150%;
    }
}

@media screen and (min-width: 1390px) {
    .is-style-wide-image {
        margin-left: -27.5%;
        margin-right: -27.5%;
        width: 155%;
    }
}

@media screen and (min-width: 1440px) {
    .is-style-wide-image {
        margin-left: -30%;
        margin-right: -30%;
        width: 160%;
    }
}