.section-1 {
    background: url("../images/background/03.jpg") no-repeat center;
}

.section-2 {
    background: url("../images/background/04.jpg") no-repeat center;
}

.section-3 {
    background: url("../images/background/05.jpg") no-repeat center;
}

.section-4 {
    background: url("../images/background/06.jpg") no-repeat center;
}

.pic-and-text{
    padding-left: 100px;
    box-sizing: border-box;
    text-align: right;
}

/*section-1*/

.section-1 .container .left-box {
    display: inline-block;
    width: 266px;
    color: #FBFBFB;
    line-height: 32px;
    margin-top: 135px;
    vertical-align: top;
    text-align: left;
}

.section-1 .container .left-box h3 {
    font-size: 24px;
    color: #D6C9A0;
    margin-bottom: 20px;
}

.section-1 .container .right-box {
    display: inline-block;
    width: calc(100% - 275px);
    max-width: 914px;
}


/*section-2*/
.section-2 .left-box {
    display: inline-block;
    width: calc(100% - 650px);
    max-width: 520px;
    margin-right: 90px;
}

.section-2 .right-box {
    display: inline-block;
    width: 446px;
    color: #FBFBFB;
    line-height: 32px;
    margin-top: 170px;
    margin-right: 100px;
    vertical-align: top;
    text-align: left;
}

.section-2 .right-box h3 {
    font-size: 24px;
    color: #D6C9A0;
    margin-bottom: 20px;
}

/*section-3*/

.section-3 .container .left-box {
    display: inline-block;
    width: 423px;
    color: #FBFBFB;
    line-height: 32px;
    margin-top: 160px;
    margin-right: 120px;
    vertical-align: top;
    text-align: left;
}

.section-3 .container .left-box h3 {
    font-size: 24px;
    color: #D6C9A0;
    margin-bottom: 20px;
}

.section-3 .container .right-box {
    display: inline-block;
    width: calc(100% - 640px);
    max-width: 507px;
    margin-right: 90px;
}

/*section-4*/
.section-4 .left-box {
    display: inline-block;
    width: calc(100% - 426px);
    max-width: 513px;
}

.section-4 .right-box {
    display: inline-block;
    width: 426px;
    margin-top: 280px;
    margin-right: 170px;
    color: #FBFBFB;
    line-height: 32px;
    vertical-align: top;
    text-align: left;
}

.section-4 .right-box h3 {
    font-size: 24px;
    color: #D6C9A0;
    margin-bottom: 20px;
}

@media screen and (max-width: 1500px) {
    .section-1 .container .left-box {
        margin-top: 100px;
    }

    .section-2 .right-box {
        margin-top: 100px;
    }

    .section-3 .container .left-box {
        margin-top: 100px;
    }

    .section-4 .left-box {
        max-width: 420px;
    }

    .section-4 .right-box {
        margin-top: 200px;
        margin-right: 120px;
    }
}