.third-part-s { background-image: url('../../assets/images/image10.jpg'); background-size: cover; position: relative; color: white; background-size: cover; background-position: center; padding-top: 30px; padding-bottom: 40px; .textbox3 { .h1-third { text-align: center; font-style: normal; font-weight: 300; font-size: 33px; line-height: 1.31818; font-family: Merriweather; letter-spacing: 0px; word-wrap: break-word; margin-bottom: 0px; font-style: normal; padding: 0 5px; margin-bottom: 20px; } .h2-third { text-align: center; font-style: normal; font-weight: 700; font-size: 45px; line-height: 1.36957; font-family: Merriweather, serif; letter-spacing: 0px; color: #15c1cb; } .p-third{ text-align: center; font-size: 20px; font-style: normal; font-weight: 400; line-height: 1.4375; font-family: MerriweatherSans, sans-serif; letter-spacing: 0px; } } } .second-part-au{ .text-box{ .second-h2:hover{ color: #333333 !important; transition: 0.3s ease; } } } @media only screen and (min-width:768px) { .third-part-s { .textbox3{ .h1-third{ margin: 15px 0 20px 0; font-size: 33px; letter-spacing: 0px; } .h2-third{ margin-top: -10px; font-size: 71px; } } } } @media only screen and (min-width:992px) { .third-part-s{ min-height: 75vh; .textbox3{ .h1-third{ font-size: 66px; padding: 0 50px } } } }