#jobs {    color: #ffffff;    text-align: center;    margin: 10rem auto;    min-height: 90rem;}#jobs .job-intro, #jobs .job-listing {    width: 70%;    margin: 0 auto;}#jobs .job-intro p.title, #jobs .job-listing p.title {    position: relative;    display: inline-block;    margin: 2rem 9.6rem;    font-size: 2.4rem;}#jobs .job-intro p.title:before,#jobs .job-intro p.title:after,#jobs .job-listing p.title:before,#jobs .job-listing p.title:after {    content: "";    position: absolute;    border-bottom: 1px solid rgba(255,255,255,0.5);    top: 1.3rem;    width: 18rem;}#jobs .job-intro p.title:before, #jobs .job-listing p.title:before {    right: 100%;    margin-right: 1.5rem;}#jobs .job-intro p.title:after, #jobs .job-listing p.title:after {    left: 100%;    margin-left: 1.5rem;}#jobs .job-intro p.paragraph {    /*color: rgba(255,255,255,0.8);*/    line-height: 2.1rem;    font-size: 1.4rem;    margin-bottom: 4.8rem;    font-weight: 100;}#jobs .job-intro p.paragraph a {    text-decoration: underline;}#jobs .location {    margin-bottom: 8rem;}#jobs .job-listing p.office {    width: 100%;    text-align: left;    font-size: 1.8rem;    padding-bottom: 1rem;    margin-bottom: 1rem;}#jobs .job-item {    display: block;    padding: 1rem 1.5rem;    margin: 0 0 1.5rem;    text-align: left;    border-radius: 0.6rem;    background-color: rgba(82, 69, 165, 0.5);    box-shadow: 1rem 1rem 1rem rgba(21, 16, 45, 0.15);    -webkit-appearance: none;    -webkit-box-shadow: 1rem 1rem 1rem rgba(21, 16, 45, 0.15);    -moz-box-shadow: 1rem 1rem 1rem rgba(21, 16, 45, 0.15);    cursor: pointer;    transition: transform 0.2s ease-in-out;}#jobs .job-item:hover{    transform: translateX(10px);    transition: transform 0.2s ease-in-out;}#jobs .job-item-title {    font-size: 1.8rem;    color: #ffffff;    font-family: HelveticaNeue-Medium;    padding: 0 1.5rem;    margin: 1rem 0 1rem;}#jobs .job-item-details {    display: grid;    grid-column-gap: 1%;    grid-row-gap: 1rem;    grid-auto-flow: row dense;    grid-template-columns: repeat(4, auto);}#jobs .job-item-content {    font-size: 1.4rem;    color: #d9d6d6;    padding: 1rem 1.5rem;    line-height: 2.1rem;    /*display: inline-flex;*/    /*margin-right: 5rem;*/}#jobs .job-item-content span.job-item-label {    margin-right: 1rem;    /*font-weight: normal;*/}#jobs .job-item-content span.job-item-text {    color: #bbbbbb;    white-space: pre;}@media only screen and (min-width: 1281px) {    .navbar, .main-div, .dropdown-div, .footer {        width: 70%;        max-width: 200rem;        margin: 0 auto;    }}@media only screen and (min-width: 992px) and (max-width: 1280px) {    .navbar, .main-div, .dropdown-div, .footer {        width: 80%;        margin: 0 auto;    }    #jobs {        min-height: 60rem;    }    #jobs .job-item-title {        padding: 0 0.8rem;    }    #jobs .job-item-content {        /*font-size: 1.3rem;*/        padding: 1rem 0.8rem;        /*margin-right: 1rem;*/    }}@media only screen and (min-width: 768px) and (max-width: 991px) {    .navbar, .main-div, .dropdown-div, .footer {        width: 90%;        margin: 0 auto;    }    #jobs {        min-height: 40rem;    }    #jobs .job-intro, #jobs .job-listing {        width: 90%;    }    #jobs .job-item-title {        padding: 0 0.2rem;    }    #jobs .job-item-content {        /*font-size: 1.3rem;*/        padding: 0.5rem 0.2rem;        /*margin-right: 0.5rem;*/    }}@media only screen and (min-width: 415px) and (max-width: 767px) {    .navbar, .main-div, .dropdown-div, .footer {        width: 80%;        margin: 0 auto;    }    #jobs {        min-height: 20rem;    }    #jobs .job-intro, #jobs .job-listing {        width: 90%;    }    #jobs .job-intro p.title, #jobs .job-listing p.title {        font-size: 2.1rem;    }    #jobs .job-intro p.title:before,    #jobs .job-intro p.title:after,    #jobs .job-listing p.title:before,    #jobs .job-listing p.title:after {        top: 1rem;        width: 10rem;    }    #jobs .location p.office {        font-size: 1.6rem;    }    #jobs .job-item-title {        font-size: 1.6rem;        padding: 0 0.5rem;    }    #jobs .job-item-content {        font-size: 1.2rem;        display: table-cell;        padding: 0.5rem;    }    #jobs .job-item-details {        grid-template-columns: repeat(2, 49%);    }    #jobs .job-item-content span.job-item-label,    #jobs .job-item-content span.job-item-text {        display: inline-block;        width: 100%;    }}@media only screen and (max-width: 414px) {    .navbar, .main-div, .dropdown-div, .footer {        width: 80%;        margin: 0 auto;    }    #jobs {        min-height: 20rem;    }    #jobs .job-intro, #jobs .job-listing {        width: 90%;    }    #jobs .job-intro p.title, #jobs .job-listing p.title {        font-size: 1.8rem;        margin: 2rem auto;    }    #jobs .job-intro p.title:before,    #jobs .job-intro p.title:after,    #jobs .job-listing p.title:before,    #jobs .job-listing p.title:after {        top: 1rem;        width: 5rem;    }    #jobs .job-intro p.paragraph {        font-size: 1.3rem;        line-height: 1.8rem;    }    #jobs .location {        margin-bottom: 5rem;    }    #jobs .location p.office {        font-size: 1.6rem;    }    #jobs .job-item {        padding: 0.5rem;        min-height: 10rem;    }    #jobs .job-item-title {        font-size: 1.6rem;        padding: 0 0.5rem;    }    #jobs .job-item-details {        grid-template-columns: repeat(2, 49%);    }    #jobs .job-item-content {        font-size: 1.1rem;        line-height: 1.6rem;        display: table-cell;        padding: 0.5rem;    }    #jobs .job-item-content span.job-item-label,    #jobs .job-item-content span.job-item-text {        display: inline-block;        width: 100%;        white-space: normal;    }}