vacancies{float:left;box-sizing:border-box;margin:-4rem 0 -1.5rem}vacancies,vacancies .grid{display:block}vacancies .grid .element .content{padding-left:0;padding-right:0}vacancies .grid .element .content h3{margin-bottom:0}a.job-role,a.job-role:visited{display:block;padding:1.5rem;overflow:hidden;position:relative;border-radius:2rem;background-color:#fff;color:#3a3a3a!important;border:.5rem solid #e6d6e6}a.job-role:hover{text-decoration:none}.job-role .availability{top:0;right:0;color:#fff;display:block;max-width:200px;position:absolute;text-align:center;line-height:1.5rem;background-color:#06d6a0;padding:1rem 1rem 1em;border-bottom-left-radius:1rem}.job-role .copy{z-index:2;width:100%;display:block;position:relative}.job-role h6{width:80%;margin-bottom:1.5rem}.job-role p{width:60%;font-weight:400}.job-role .cta-button:first-of-type{margin-right:.5rem}@media screen and (max-width:949px){.job-role .availability{max-width:none;font-size:.8rem;border-radius:0;font-weight:400;position:relative;width:calc(100% + 3rem);padding:.5rem 0 .5rem 1.5rem;margin:-1.5rem 0 1.5rem -1.5rem}.job-role .copy{text-align:left}.job-role h1,.job-role h2,.job-role h3,.job-role h4,.job-role h5,.job-role h6,.job-role p{width:100%}}@media screen and (max-width:699px){grid{text-align:left}grid .grid{margin-top:-1.5rem}grid .grid .element{margin-top:0}grid .grid .element.third{width:100%;margin-top:1.5rem}grid i{width:4rem;height:4rem;font-size:1.5rem;margin-left:.5rem;margin-bottom:1.5rem;line-height:4rem!important}}