.c-use-hero {
    margin-bottom: -64vmin
}

    .c-use-hero .o-wrapper {
        padding-bottom: 64vh;
        min-height: 100vmin;
        background-repeat: no-repeat;
        -webkit-background-size: 100% auto;
        background-size: 100% auto;
        background-position: center 0
    }

.o-wrapper h4 {
    font-size: 17px;
}

@media screen and (min-width:1310px) {
    .c-use-hero .o-wrapper {
        -webkit-background-size: calc(100% - 20px);
        background-size: calc(100% - 20px)
    }
}

.p-use-cont .text {
    margin: 0 auto;
    padding-top: 40px;
    max-width: 1010px
}

    .p-use-cont .text p {
        margin-bottom: 34px
    }

@media screen and (max-width:480px) {
    .c-use-hero .o-wrapper {
        min-height: 310px;
        -webkit-background-size: 120% auto;
        background-size: 120% auto
    }

    .p-use-cont .text {
        margin: 0 20px
    }

        .p-use-cont .text h1, .p-use-cont .text h2 {
            font-size: 23px
        }

        .p-use-cont .text h3 {
            font-size: 19px
        }

        .p-use-cont .text p {
            margin-bottom: 20px;
            font-size: 16px
        }
}
/*# sourceMappingURL=use.css.map */