.probannerbig { width: 100%; transition: all ease-in-out .3s; }
    .probannerbig > .ban { background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative; background-color: #000; }
        .probannerbig > .ban > .conn { position: relative; z-index: 2; padding-top: 220px; padding-bottom: 160px; max-width: 1170px; margin: 0px auto; }
        .probannerbig > .ban > .bgdiv { background-color: rgba(0,0,0,0.4); z-index: 1; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; width: 100%; }
        .probannerbig > .ban > .conn > h1.page-title { font-size: 3rem; text-align: center; color: #fff; font-weight: 400; letter-spacing: 0; line-height: 115% }
        .probannerbig > .ban > .conn > p { font-size: 1.25rem; color: #fff; line-height: 57px; text-align: center; padding-bottom: 40px; }

@media only screen and (max-width:768px) {
    .probannerbig > .ban > .conn { padding-left: 15px; padding-right: 15px; padding-top: 160px; padding-bottom: 100px; }
        .probannerbig > .ban > .conn > h1.page-title { font-size: 2rem; }
}



.contentbig { width: 100%; background-color: #f7f7f7; }
    .contentbig > .conn { max-width: 1380px; margin: 0px auto; border: solid 0px #000; padding: 100px 30px 100px 30px; }
        .contentbig > .conn > .title { text-align: center; width: 100% }
            .contentbig > .conn > .title h2.headline { font-size: 2.25rem; color: #242424; line-height: 3rem; font-weight: 400; }
            .contentbig > .conn > .title span { font-size: 1.12rem; }
        .contentbig > .conn > .text { width: 100%; color: #333; margin-top: 50px; }
            .contentbig > .conn > .text p { font-size: 1rem; line-height: 1.5rem; }
        .contentbig > .conn > .pics { margin-top: 50px; width: 100%; display: flex; align-items: center; justify-content: flex-start }
            .contentbig > .conn > .pics .img { width: 100%; }
                .contentbig > .conn > .pics .img > img { max-width: 100%; }
                .contentbig > .conn > .pics .img:nth-child(1) { margin-right: 10px; }
                .contentbig > .conn > .pics .img:nth-child(2) { margin-left: 5px; margin-right: 5px; }
                .contentbig > .conn > .pics .img:nth-child(3) { margin-left: 10px; }




@media only screen and (max-width:768px) {
    .contentbig > .conn { padding: 50px 15px 50px 15px; }
        .contentbig > .conn > .title h2.headline { font-size: 1.5rem; }
}