.callout-masonry { padding: 48px 12px; } .callout-masonry .callout-tile-link { position: relative; text-decoration: none; color: #0067B8; font-weight: 600; font-size: 15px; line-height: 20px; } .callout-masonry .callout-tile-link::after, .callout-masonry .callout-tile-link::before { border-right: 2px solid #0067B8; content: ''; display: block; height: 8px; margin-top: -6px; position: absolute; right: -10px; top: 50%; width: 0; } .callout-masonry .callout-tile-link::after { transform: rotate(135deg); margin-top: -5px; } .callout-masonry .callout-tile-link::before { transform: rotate(45deg); margin-top: 0; } .callout-masonry .title { margin-bottom: 32px; } .callout-masonry .content-tile-title { font-size: 24px; line-height: 28px; margin-top: 24px; margin-bottom: 16px; } .callout-masonry .content-tile-desc, .callout-masonry .content-tile-link { font-size: 15px; line-height: 20px; margin-bottom: 18px; } .callout-masonry .content-tile-link { color: #0067B8; } .callout-masonry .content-tile { margin-bottom: 34px; } .callout-masonry .content-tile img { width: 100%; } .callout-masonry .c-heading-1{ font-weight: 600; font-size: 34px; line-height: 40px; } .callout-masonry .c-heading-2{ font-size: 46px; line-height: 56px; font-weight: 600; } .callout-masonry .c-heading-3{ font-size: 34px; line-height: 40px; font-weight: 600; } .callout-masonry .c-heading-4{ font-size: 24px; line-height: 28px; font-weight: 600; } .callout-masonry .c-heading-5{ font-size: 20px; line-height: 24px; font-weight: 600; } .callout-masonry .c-heading-6 { font-size: 18px; line-height: 24px; font-weight: 600; } @media (min-width: 768px) { .callout-masonry .content-tile-1 { width: 70%; margin-left: auto; } .callout-masonry .content-tile-2 { width: 60%; margin-top: 20px; } .callout-masonry .content-tile-3 { width: 80%; } .callout-masonry .title { margin-bottom: 60px; } .callout-masonry .content-tile { margin-bottom: 50px; } .callout-masonry .row .content-tile-col:first-child { padding-right: 44px; } .callout-masonry .row .content-tile-col:last-child { padding-left: 44px; } .callout-masonry .col-md-5 { flex: 0 0 41.66667%; max-width: 41.66667% } .callout-masonry .col-md-6 { flex: 0 0 50%; max-width: 50% } .callout-masonry .col-md-7 { flex: 0 0 58.33333%; max-width: 58.33333% } .callout-masonry .col-md-8 { flex: 0 0 66.66667%; max-width: 66.66667% } } @media (min-width: 1084px) { .callout-masonry .title{ margin-bottom: 64px; } .callout-masonry .c-heading-1 { font-size: 46px; line-height: 56px; } .callout-masonry .row .content-tile-col:first-child { padding-right: 53px; } .callout-masonry .row .content-tile-col:last-child { padding-left: 53px; } } @media (min-width: 1400px) { .callout-masonry .c-heading-1 { font-size: 62px; line-height: 72px; } .callout-masonry .content-tile-title { margin-top: 32px; } .callout-masonry .row .content-tile-col:first-child { padding-right: 65px; } .callout-masonry .row .content-tile-col:last-child { padding-left: 65px; } } @media (min-width: 1920px) { .callout-masonry .row .content-tile-col:first-child { padding-right: 80px; } .callout-masonry .row .content-tile-col:last-child { padding-left: 80px; } } @media(max-width: 767px) { .callout-masonry .c-heading-1 { font-size:46px; line-height: 56px; } .callout-masonry .c-heading-2 { font-size: 34px; line-height: 40px } .callout-masonry .c-heading-3 { font-size: 26px; line-height: 32px } .callout-masonry .c-heading-4 { font-size: 20px; line-height: 24px } .callout-masonry .c-heading-5 { font-size: 18px; line-height: 24px } .callout-masonry .c-heading-6 { font-size: 16px; line-height: 20px } } .callout-masonry .ms-rte-link{ text-decoration: underline; color: #0067b8; }