.block5 .title { text-align: center; padding-top: 57px; padding-bottom: 68px; } .block5 .title p { font-size: 42px; line-height: 88px; color: #292b33; } .block5 .title div { font-size: 16px; color: #474b59; line-height: 1.3; margin-top: 3px; } .block5 { background: url(../images/block5Img.jpg) no-repeat center/cover; } .block5 .title p, .block5 .title div { color: #fff; } .block5 .w1400 form { width: 100%; font-size: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-bottom: 82px; } .block5 .w1400 form input { width: calc(450/1400*100%); height: 60px; background: none; border-radius: 2px; border: solid 1px rgba(255, 255, 255, 0.3); color: #fff; padding: 0 30px; margin-right: 20px; } .block5 .w1400 form input::-webkit-input-placeholder { color: #fff; } .block5 .w1400 form input:-ms-input-placeholder { color: #fff; } .block5 .w1400 form input::-ms-input-placeholder { color: #fff; } .block5 .w1400 form input::placeholder { color: #fff; } .block5 .w1400 form .btn { width: 180px; line-height: 60px; background-color: #ffffff; border-radius: 2px; color: #0042ff; font-size: 16px; text-align: center; display: block; } @media (max-width: 750px) { .block5 .title { padding: 30px 0; } .block5 .title p { font-size: 7vw; line-height: 2; } .block5 .title div { font-size: 3.5vw; } .block5 .w1400 form { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-bottom: 40px; } .block5 .w1400 form input { width: 100%; margin-right: 0; margin-bottom: 20px; font-size: 3vw; height: 40px; } .block5 .w1400 form .btn { width: 100%; line-height: 40px; font-size: 14px; } }