.fourth-part{ .headline-card{ padding-bottom: 0px !important; } .card-fourth{ margin-top: auto; margin-bottom: 30px; padding: 0px 0px 8px 0px; border: none; } h4 { font-family: Merriweather; color: #31353d; font-weight: 500; font-size: 24px; } h2 { font-family: Merriweather; color: #31353d; font-weight: 700; font-size: 29px; } .card{ margin-top: 0; } .line-img{ margin-bottom: 25px; } .img{ max-width: 100%; margin-top: 0; margin-bottom: 30px; } .published{ margin-right: 16px; color: $lightblue; font-family: Merriweather; font-style: italic; font-weight: 400; letter-spacing: 0px; } .date-by{ margin-bottom: 14px; } .author{ font-style: italic; font-weight: 400; font-size: 18px; line-height: 1.4375; font-family: Merriweather; letter-spacing: 0px; color: #777777; cursor: pointer; } .author:hover{ color: $lightblue; transition: 0.2s; } .sub-title{ font-family: Merriweather; font-size: 20px ; color: #333333 !important; line-height: 1.3em !important; margin-bottom: 20px; font-weight: 500 !important; box-sizing: border-box; } .post-text{ text-align: left; font-style: normal; font-weight: 400; font-size: 16px; line-height: 1.4375; font-family: MerriweatherSans; letter-spacing: 0px; color: #777777; box-sizing: border-box; } } @media only screen and (min-width: 768px) { .fourth-part{ margin-left: 20px; margin-right: 20px; .card-fourth{ h2 { font-size: 26px; } } } } @media only screen and (min-width: 992px) { .fourth-part{ h2 { font-size: 48px; } h4{ font-size: 29px; } padding-top: 55px; padding-bottom: 75px; .line-img{ margin-bottom: 75px !important; } .sub-title{ font-size: 26px !important; } } }