@import url("https://use.typekit.net/vxc1cjv.css");.purple_bg{background:var(--primary);padding:3em}.purple_bg>h2{color:#fff!important;margin-left:10%}.grid__container{align-content:center;box-sizing:border-box;display:flex;justify-content:center;margin:1rem 0 5rem}.grid{display:grid;margin:0 auto;width:80%;grid-gap:3rem;align-items:start;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr))}.grid__item{background-color:#fff;border-radius:.4rem;box-shadow:0 3rem 6rem rgba(0,0,0,.1);max-width:450px;overflow:hidden;transition:.2s}.grid__item:hover{box-shadow:0 4rem 8rem rgba(0,0,0,.2);transform:translateY(-.5%)}.suggestion_card{padding-top:2em}.card__img{display:block;height:7rem;margin:1rem auto;object-fit:contain;width:80%}.card__content{padding:1.5rem 3rem}.card__locality>span{background:#766f76;border-radius:4px;color:#fff;font-size:12px;padding:8px}.card__locality>span.hours,.card__locality>span.wage{background:#53197d}.card__employer,.card__employer>a,.card__header,.card__header>a{color:#8b29d1;font-size:14px;font-style:italic;font-weight:900;margin-bottom:1rem;text-transform:uppercase}.card__employer,.card__employer>a{color:#0d0d0d;font-size:24px}.card__header>a:active,.card__header>a:hover{color:#8b29d0}.card__text{color:#3d3d3d;line-height:1.7}.card__header{font-size:14px}.card__footer{color:#3d3d3d;line-height:1.7;margin-bottom:2.5rem}.card__btn{background-color:#c999eb;border:none;border-radius:.4rem;color:#53197d;cursor:pointer;display:block;padding:.75rem;text-align:center;transition:.2s;width:100%}.card__btn span{margin-left:1rem;transition:.2s}.card__btn:active,.card__btn:hover{background-color:#53197d;color:#fff}.card__btn:active span,.card__btn:hover span{margin-left:1.5rem}form label{color:#fff}.form-title{background:none}.vacancy__container{margin:5rem auto;padding:3rem;width:min(100%,100ch)}.vacancy__container>ul{list-style-position:outside!important}.vacancy__title{margin-top:20px}.employer__logo{max-width:200px}.card__locality{line-height:2rem}@media screen and (max-width:860px){.grid__container{margin:1rem auto 5rem}.grid{grid-template-columns:1fr;width:100%}.purple_bg,.vacancy__container{padding:1.5rem}.purple_bg>h2{margin-left:auto}.grid__item{margin:20px auto}}.card>p,.grid__item>p{display:inline}.vacancy__container li,.vacancy__container ol,.vacancy__container ul{font-size:16px}