h2 {margin-top:1em; margin-bottom:.25em;}
h2 sub {color: #646464; }

#svcs {width:96%; max-width: 600px; margin-left:0; margin-right:auto;}
#svcs li {text-align: left; margin-bottom: 1em;}
.pix { float: right; width: 40%; margin-right: 0px; margin-left: 1.25em; margin-bottom: 1.0625em;}
.pix figcaption {font-size: .875em; font-style: italic; text-align:center;}
.pix img {display:block; margin-left:auto; margin-right:0; margin-bottom: .3125em;}

@media only screen and (max-width: 600px) {
.pix { float: none; width: 100%; margin-right: auto; margin-left: auto; margin-bottom: 2em;}
.pix img {margin-right:auto; margin-bottom: .25em;}
}

@media only screen and (max-width: 480px) {
h2 {font-size: 1.125em;} /* 18 */
}
@media only screen and (min-width: 481px) and (max-width: 680px) {
h2 {font-size: 1.125em;} /* 18 */
}
@media only screen and (min-width: 681px) and (max-width: 768px) {
h2 {font-size: 1.125em;} /* 18 */
}
@media only screen and (min-width: 769px) and (max-width: 1030px) {
h2 {font-size: 1.125em;} /* 18 */
}
@media only screen and (min-width: 1031px) and (max-width: 1220px) {
h2 {font-size: 1.25em;} /* 20 */
}
@media only screen and (min-width: 1221px) and (max-width: 1439px) {
h2 {font-size: 1.25em;} /* 20 */
}
@media only screen and (min-width: 1440px) and (max-width:1599px) {
h2 {font-size: 1.25em;} /* 20 */
}
@media only screen and (min-width: 1600px) {
h2 {font-size: 1.25em;} /* 20 */
}