@media screen and (max-width: 1140px){

#work_detail{
width: 400px;
}

#work_detail_images{
width: 400px;
margin: 0;
}

#work_detail h1{
margin-left:0;
}

#work_detail_copy{
    float: left;
    margin: 0 0 25px;
    width: 100%;
}

#bio_detail{
display:none;
}

}


@media screen and (max-width: 760px){

#work_detail{
width:300px;
margin: 0px auto 25px auto;
float:none;
}

#work_detail_images{
width: 300px;
margin:0;
}

#work_detail h1{
margin-left:0;
}

header #bio{
display:none;
}

header h3{
display:none;
}

header #contact_icons{
display:none;
}

#bio_detail{
display: block;
margin-bottom: 100px;
}

}