.upcoming-events--wrapper .row { position: relative; } .upcoming-events--wrapper .row::before { content: ''; position: absolute; background: url('../../images/dotted-map.png')no-repeat 0 0; background-size: 100%; max-width: 685px; width: 385px; height: 406px; z-index: -9; left: -10rem; top: -8rem; } .upcoming-events--wrapper .row::after { content: ''; position: absolute; background: url('../../images/dotted-map.png')no-repeat 0 0; background-size: 100%; max-width: 685px; width: 385px; height: 406px; z-index: -9; right: 0rem; bottom: -20rem; } .upcoming_events--members { background: transparent; margin-bottom: 30px; } .upcoming_events--members .btn_common { display: block; } .members_img--wrapper img { width: 100%; } .upcoming_events--members .events_title { font-family: var(--montserrat); font-style: normal; font-weight: bold; font-size: 25px; line-height: 37px; color: var(--quaternary-color); padding: 30px 0px 15px; margin-bottom: 0; } .upcoming_events--members .date_yr { font-family: var(--open-sans); font-style: normal; font-weight: bold; font-size: 16px; line-height: 22px; color: var(--secondary-color); } .upcoming_events--members p { font-family: var(--roboto); padding: 18px 0px 31px; color: var(--quaternary-color); } .upcoming_events--members p .hosted { color: #959595; font-style: italic; } .upcoming_events--members .btn_cover { max-width: 170px; } @media ( min-width: 768px ) { .upcoming_events--members .events_title { font-size: 22px; line-height: 32px; } } @media ( min-width: 992px ) { .upcoming_events--members .events_title { font-size: 30px; line-height: 39px; } } @media ( min-width: 1680px ) { .upcoming-events--wrapper .row::after { width: 685px; height: 100%; right: -8rem; bottom: -33rem; } }