#sideBar {    border: solid 1px #DDD;overflow: hidden;    margin-top: 40px;}
#offices .placeCard > div {border: solid 1px #DDD;margin-bottom:20px}
.placeCard .map {height: 200px;}
.placeCard .image img {width:100%}
.placeCard .name {font-size:24px;font-weight: 700;padding: 40px 32px 0px;}
.placeCard .description {margin-top: 10px;font-size: 18px;line-height: 26px;padding: 10px 32px 32px;font-weight: 400;color: #666;}
.placeCard .info {padding: 30px 32px 30px;}
#offices .placeCard .name {padding:20px 20px 0px}
#offices .placeCard .info {padding:20px 20px 20px}
.placeCard .buttons {    padding: 0px 40px 40px 30px;}
.placeCard .buttons .button {display: block;}
.placeCard .buttons .button.gray {background: #666;}
.placeCard .buttons .button + .button {margin-top:20px}
.placeCard .title {    font-weight: 700;}
.placeCard .value {font-size: 14px;font-weight: 300;margin-bottom: 15px;}

#contactForm {    padding: 10px 16px;margin-top: 20px;}
#contactForm h1 {    font-size: 28px;font-weight: 600;margin-bottom: 12px;}

.locationSelection {margin-top:40px;}
.locationSelection select {border: solid 1px #CCC;border-radius: 0px;padding: 12px 18px;height: 52px;}
#contactList {}
#contactList .header {    background: #EEE;padding: 10px 0px;    border-bottom: solid 1px #DDD;}
#contactList h3 {    margin: 0px;}
#contactList h3 + div small {}
#contactList .map {}
#contactList .map img {width:100%;margin-bottom:20px}
#contactList .title {    font-weight: 700;}
#contactList .value {font-size: 14px;font-weight: 300;margin-bottom: 15px;}

#offices {list-style:none;margin-top:24px;}

@media only screen and (max-width: 40em) {

}