.form { .headline-card { h4 { font-family: Merriweather; color: #31353d; font-weight: 500; letter-spacing: 0px; font-size: 24px; } h2 { font-family: Merriweather; color: #15c1c6; font-weight: 700; letter-spacing: 0px; font-size: 29px; } img{ margin-bottom: 35px; } } h6{ font-style: normal; font-weight: 700; font-size: 18px; line-height: 1.27778; font-family: Merriweather; letter-spacing: 0px; color: #31353d; } select{ padding: 17px 56px 16px 20px; width: 100%; border: none; cursor: pointer; margin-bottom: 20px; background-color: #f6f6f6; color: #777777 !important; font-family: MerriweatherSans; } select:hover{ background: #ededed; transition: .3s all ease; } .input-text{ padding: 18px 20px; border: none; background-color: #f6f6f6; margin: 0 0 20px; color: #777777 !important; width: 100%; font-family: MerriweatherSans; } .input-text::placeholder{ color: #777777 !important; } .form-container-bot{ position: relative; width: 382px; } } @media only screen and (min-width: 768px) { .form{ .headline-card{ margin-top: 0px !important; } .view-more{ margin-bottom: 0px !important; } } .form-container-bot{ width: 700px !important; } } @media only screen and (min-width:992px) { .form{ padding-top: 98px; padding-bottom: 114px; .headline-card{ h2 { font-size: 48px !important; } h4{ font-size: 29px !important; } } .view-more{ margin-top: 20px; } } }