.label {color: #000000; font-size:16px; padding:20px 0 5px 0; margin:0;}

#title {font-size:14px;}

#courses td {padding-right: 10px;}

#photo {margin-bottom:20px;  margin-top:0px; margin-left:13px; width:253px; overflow:hidden }

#photo img {max-height:190px; max-width:253px}

#awards .first, #scholarship .first {padding-top:0; margin-top:0}

#content h1, #content h1 a {font-weight:bold !important; padding-bottom:5px; margin-bottom:0;}

.left {float:left; width:645px; background:transparent; background:url(../images/person-bg.png) top left repeat-y; padding-right:35px;}
.right {float:right; width:282px; background:transparent}
#contact {margin:0 13px 0 13px}

@media  screen and (max-device-width:1024px) {
#edit {display:none;}
.left {float:left; width:60%; background:transparent; border-right:1px solid #ccc}
.right {float:right; width:35%; background:transparent;}
#contact {margin:0 10px 0 10px}
#photo { margin-left:10px; margin-right:10px; width:240px}
}

@media screen and (max-width: 480px), screen and (max-device-width:480px) {
#edit {display:none;}
#photo {margin:20px 10px 20px 10px; text-align:left;}
.left, .right {float:none; width:100%; padding:0;}
#contact {padding-left:0;}
.left {background:#FFFFFF url:(http://www.brandeis.edu/zeta/images/blank.gif) !important; border-right:0;}
#title, #contact, #depts, #degrees, #expertise, #awards, #scholarship, #profile, #courses {margin:0 10px 0 10px}

#awards p, #scholarship p, #profile p {margin-left:0; margin-right:0}

}