.mnt-blog-overview-summary { display: flex; flex-direction: column; padding: 72px 96px; max-width: 1440px; margin: auto; } .mnt-blog-overview-summary.all-blogs { padding: 40px 96px; } .mnt-blog-overview-summary .mnt-blogs-container { display: flex; flex-wrap: wrap; justify-content: space-between; row-gap: 80px; } .mnt-blog-overview-summary .mnt-blog-section-title { font-size: 40px; line-height: 48px; color: #6E0038; margin-bottom: 40px; } .mnt-blog-article { display: flex; align-items: start; flex-direction: column; width: 100%; max-width: 532px; } .mng-blog-article-img-wrapper { height: 301px; overflow: hidden; margin-bottom: 24px; width: 100%; } .mnt-blog-article-img { height: 100%; width: 100%; object-fit: cover; } .mnt-blog-article-title { font-size: 24px; color: #6E0038; line-height: 32px; margin-bottom: 4px; } .mnt-blog-article-date { font-size: 16px; line-height: 24px; color: #8c8c8c; margin-bottom: 16px; } .mnt-blog-article-description { margin-bottom: 24px; font-size: 18px; line-height: 26px; color: #1f1f1f; } .mnt-blog-article-link { all: unset; display: inline-flex; justify-content: center; align-items: center; gap: 12px; cursor: pointer; text-decoration: none !important; color: #1f1e1f; font-weight: 600; font-size: 18px; line-height: 26px; } .mnt-blog-article-link:hover { text-decoration: underline !important; } .mnt-chevron-right-btn { opacity: .5; } .mnt-blog-article-link:hover .mnt-chevron-right-btn { opacity: 1; } @media only screen and (max-width: 1246px) { .mnt-blog-overview-summary .mnt-blogs-container { flex-direction: column; justify-content: center; row-gap: 64px; } .mnt-blog-overview-summary .mnt-blog-section-title { font-size: 32px; line-height: 40px; } .mnt-blog-article-title { font-size: 24px; line-height: 32px; } .mnt-blog-article { max-width: none; } } @media only screen and (max-width: 1024px) { .mnt-blog-overview-summary { width: unset; padding: 32px 20px; } .mnt-blog-overview-summary.all-blogs { padding: 32px 16px; } .mnt-blog-overview-summary .mnt-blog-section-title { margin-bottom: 32px; } .mnt-blog-overview-summary .mnt-blogs-container { row-gap: 40px; } }