.section{
    width: 100%;
    overflow: hidden;
    background: #fff;
}
.section .wrap{
    width: 1511px;
    margin: 177px auto 212px;
}
.section .wrap .item{
    position: relative;
}
.section .wrap .item:not(:last-child) {
    margin: 0 0 108px 0;
}
.section .wrap .item .picture{
    min-height: 756px;
}
.section .wrap .item .picture,.section .wrap .item .picture img{
    width: 100%;
}
.section .wrap .item .text{
    border: 1px solid rgba(0,0,0,0.26);
    width: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 70px;
    bottom: -37px;
    padding: 2px 0;
}
.section .wrap .item .text div{
    width: 99%;
    height: 98%;
    background: rgba(0,0,0,0.7);
    padding: 37px 55px;
}
.section .wrap .item .text div span{
    font-size: 24px;
    font-weight: 200;
    color: #FFFFFF;
    margin: 0 0 27px 0;
    display: block;
}
.section .wrap .item .text div p{
    width: 349px;
    font-size: 16px;
    font-weight: 200;
    color: #FFFFFF;
    line-height: 24px;
}
.section .wrap .item:nth-child(2n) .text{
    left: unset;
    right: 74px;
}


@media screen and (max-width: 1856px) {
    .section .wrap{
        width: 80%;
    }
    .section .wrap .item .picture{
        min-height: auto;
    }
}

@media screen and (max-width: 1792px) {

}

@media screen and (max-width: 1680px) {

}

@media screen and (max-width: 1600px) {

}

@media screen and (max-width: 1440px) {
    .section .wrap .item .text{
        bottom: -70px;
    }
}

@media screen and (max-width: 1400px) {

}

@media screen and (max-width: 1366px) {

}

@media screen and (max-width: 1365px) {
    .section .wrap{
        width: 90%;
        margin: 5% auto 50px;
    }
    .section .wrap .item .text{
        position: static;
        width: 100%;
        border: none;
        padding: 0;
        background: rgba(0,0,0,0.7);
    }
    .section .wrap .item .text div{
        background: transparent;
    }
    .section .wrap .item .text div{
        padding: 10% 5%;
    }
    .section .wrap .item .text div p{
        width: 100%;
    }
    .section .wrap .item .text div span{
        margin: 0 0 16px 0;
    }
    .section .wrap .item:not(:last-child) {
        margin: 0 0 43px 0;
    }
    .section .wrap .item .picture img{
        vertical-align: bottom;
    }
}