.image-iwork-hero {
    width: 1084px;
    height: 453px;
    background-size: 1084px 453px;
    background-repeat: no-repeat;
    background-image: url("/tr/iwork/images/hero__elz1uh1rpmuu_large.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .image-iwork-hero {
        background-image:url("/tr/iwork/images/hero__elz1uh1rpmuu_large_2x.jpg")
    }
}

@media only screen and (min-width: 1441px) {
    .image-iwork-hero {
        width:1735px;
        height: 724px;
        background-size: 1735px 724px;
        background-repeat: no-repeat;
        background-image: url("/tr/iwork/images/hero__elz1uh1rpmuu_xlarge.jpg")
    }
}

@media only screen and (min-width: 1441px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1441px) and (min-resolution: 1.5dppx), only screen and (min-width: 1441px) and (min-resolution: 144dpi) {
    .image-iwork-hero {
        background-image:url("/tr/iwork/images/hero__elz1uh1rpmuu_xlarge_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .image-iwork-hero {
        width:737px;
        height: 309px;
        background-size: 737px 309px;
        background-repeat: no-repeat;
        background-image: url("/tr/iwork/images/hero__elz1uh1rpmuu_medium.jpg")
    }
}

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

@media only screen and (max-width: 734px) {
    .image-iwork-hero {
        width:415px;
        height: 180px;
        background-size: 415px 180px;
        background-repeat: no-repeat;
        background-image: url("/tr/iwork/images/hero__elz1uh1rpmuu_small.jpg")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .image-iwork-hero {
        background-image:url("/tr/iwork/images/hero__elz1uh1rpmuu_small_2x.jpg")
    }
}

@media only screen and (max-width: 475px) and (orientation: portrait) {
    .page-iwork .section-hero .image-iwork-hero {
        background-repeat:no-repeat;
        background-image: url("/tr/iwork/images/hero__elz1uh1rpmuu_large.jpg");
        background-size: cover;
        width: 100%;
        height: auto;
        margin-left: 0;
        left: 0;
        margin-left: auto;
        margin-right: auto
    }
}

@media only screen and (max-width: 475px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 475px) and (orientation: portrait) and (min-resolution: 1.5dppx), only screen and (max-width: 475px) and (orientation: portrait) and (min-resolution: 144dpi) {
    .page-iwork .section-hero .image-iwork-hero {
        background-image:url("/tr/iwork/images/hero__elz1uh1rpmuu_large_2x.jpg")
    }
}

@media only screen and (max-width: 475px) and (orientation: portrait) {
    .page-iwork .section-hero .image-iwork-hero::after {
        content:'';
        display: block;
        padding-bottom: 41.78967%
    }
}

@media only screen and (max-width: 475px) and (orientation: portrait) and (min-width: 1441px) {
    .page-iwork .section-hero .image-iwork-hero {
        background-repeat:no-repeat;
        background-image: url("/tr/iwork/images/hero__elz1uh1rpmuu_xlarge.jpg");
        background-size: cover
    }
}

@media only screen and (max-width: 475px) and (orientation: portrait) and (min-width: 1441px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 475px) and (orientation: portrait) and (min-width: 1441px) and (min-resolution: 1.5dppx), only screen and (max-width: 475px) and (orientation: portrait) and (min-width: 1441px) and (min-resolution: 144dpi) {
    .page-iwork .section-hero .image-iwork-hero {
        background-image:url("/tr/iwork/images/hero__elz1uh1rpmuu_xlarge_2x.jpg")
    }
}

@media only screen and (max-width: 475px) and (orientation: portrait) and (max-width: 1068px) {
    .page-iwork .section-hero .image-iwork-hero {
        background-repeat:no-repeat;
        background-image: url("/tr/iwork/images/hero__elz1uh1rpmuu_medium.jpg");
        background-size: cover
    }
}

@media only screen and (max-width: 475px) and (orientation: portrait) and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 475px) and (orientation: portrait) and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 475px) and (orientation: portrait) and (max-width: 1068px) and (min-resolution: 144dpi) {
    .page-iwork .section-hero .image-iwork-hero {
        background-image:url("/tr/iwork/images/hero__elz1uh1rpmuu_medium_2x.jpg")
    }
}

@media only screen and (max-width: 475px) and (orientation: portrait) and (max-width: 734px) {
    .page-iwork .section-hero .image-iwork-hero {
        background-repeat:no-repeat;
        background-image: url("/tr/iwork/images/hero__elz1uh1rpmuu_small.jpg");
        background-size: cover
    }
}

@media only screen and (max-width: 475px) and (orientation: portrait) and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 475px) and (orientation: portrait) and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 475px) and (orientation: portrait) and (max-width: 734px) and (min-resolution: 144dpi) {
    .page-iwork .section-hero .image-iwork-hero {
        background-image:url("/tr/iwork/images/hero__elz1uh1rpmuu_small_2x.jpg")
    }
}

.show-for-small {
    display: none
}

.show-for-medium {
    display: none
}

.show-for-large {
    display: block
}

@media only screen and (max-width: 1068px) {
    .show-for-small {
        display: none
    }

    .show-for-medium {
        display: block
    }

    .show-for-large {
        display: none
    }
}

@media only screen and (max-width: 735px) {
    .show-for-small {
        display: block
    }

    .show-for-medium {
        display: none
    }

    .show-for-large {
        display: none
    }
}

@media only screen and (max-width: 320px) {
    .show-for-large {
        display: none
    }

    .show-for-medium {
        display: none
    }

    .show-for-small {
        display: block
    }

    .show-for-xs {
        display: block
    }
}