#left {
    float: left;
    width: 48%; /* Adjust width as needed */
    max-width: 500px;
    text-align: left;
    padding-left: 2%;
}
#adhoc {
    height: 75px;
    width: 154px;
}
#right {
    display: block;
    float: right;
    width: 48%; /* Adjust width as needed */
    padding-right: 2%;
    padding-top: 2%
}
#job {
    width: 100%;
    height: 100%
}
h3 {
    margin-bottom: 0;
}
h2 {
    text-decoration: underline;
}
div #adhoc {
    margin-right: 60%;
}
@media screen and (max-width: 900px) {
    #left {
        width: 48%; /* Adjust width as needed */
        min-width: 400px;
        text-align: left;
        margin-left:3%;
    }
    #right{
        float:left;
        width:80%;
        display:contents;
    }
    #job {
        padding-top: 3%;
        width: 90%;
    }
}