/* Small only */
#services .header {height: 100%; width: 100%;}
#services .header .header-text-bg {padding: .5em; background-color: rgba(54, 54, 54, .8);text-align: center;}
#services .header .header-text-bg h1 {color: #ffffff;margin-bottom: 0;}
#services .header .serviceArticleTitle{
    text-align: center;font-size: 14px;color:#ffffff;margin-top: 1em;margin-bottom: 0;}
#services .horiLine {
    width: 25%;height:1px;background-color: rgb(120, 205, 209); display: block; margin: .5em auto 0 auto;}
#services .header .serviceDesc{
    padding:.5em 0;text-align: center;font-style: italic;font-size: 12px;color: #cacaca;}
#services .service h3 {
    text-align: center; margin-bottom: 0;font-weight: 600;}
#services .service p.desc {
    text-align: center; margin-bottom: 1em; margin-left:auto; margin-right:auto;}
#services .service h5 {
    font-weight: 600;}
#services .service .title {padding: 2em 1em 0em 1em; }
#services .service .body {background-color: #ffffff !important;}
#services .service .body .service-content {padding: 2em;}
#services .service .body .service-content.image {padding: 0;}
#services .service-content p:last-child {margin-bottom: 0;}
#services .service-content table {border-collapse: inherit;}
#services .service-content h3,
#services .service-content h4,
#services .service-content h5
{font-weight: 600;}

/* Medium and up */
@media screen and (min-width: 40em) {}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {}

/* Large and up */
@media screen and (min-width: 64em) {
    #services .header .header-text-bg {width: 100%; height: auto;padding: 1em; background-color: rgba(54, 54, 54, .8);}
    #services .header .header-text-bg h1 {color: #ffffff;}
    #services .header .serviceArticleTitle{
        text-align: center;font-size: 22px;color:#ffffff;}
    #services .header .serviceDesc{
        padding:.5em 0;text-align: center;font-style: italic;font-size: 16px;}
    #services .service h3 {
        text-align: center; margin-bottom: 0;}

}
/*
@media print, screen and (min-width: 64em) {
    #services .header {position: relative;}
    #services .serviceHeader {
        width: 100%;display: block;position: relative;margin-top: 9em;
    }
    #services .serviceHeader h1 {color: #ffffff;margin-bottom: 0;}
    #services h2.serviceDesc{
        padding:1em 0;text-align: center;font-style: italic;color: #cacaca;font-size: 16px;}
    #services  .serviceHeader .serviceArticleTitle {
        font-size: 22px;color:#ffffff; text-align: center;margin-top: 1em;margin-bottom: 0;}
    #services .serviceDesc div {margin:0 auto;width: 80%;}
    #services .header .header-text-bg {padding: 1em; background-color: rgba(54, 54, 54, 0);}
    #services .body {background-color: rgb(255,255,255) !important;padding: 2em;}
    #services .body .serviceContent .serviceTitle{
        font-weight: 600; text-align: center; padding: 2em;}
    #services .horiLine {
        width: 25%;height:2px;background-color: rgb(120, 205, 209); display: block; margin: 1em auto 0 auto;}
    #services .body .serviceContent h4 {
        color: rgb(120, 205, 209);}
    #services .relatedArticles li {
        border-bottom: dashed 1px rgb(120, 205, 209); padding: .5em 0;}
}

@media print, screen and (min-width: 40em) {
    #services .serviceHeader {
        width: 100%;display: block;position: relative;margin-top: 9em;
    }
    #services h2.serviceDesc{
        font-size: 12px;
    }
}

#services .header {position: relative;}
#services .serviceHeader {
    width: 100%;display: block;position: relative;margin-top: 9em;
}
#services .serviceHeader h1 {color: #ffffff;margin-bottom: 0;}
#services h2.serviceDesc{
    padding:1em 0;text-align: center;font-style: italic;color: #cacaca;font-size: 10px;}
#services  .serviceHeader .serviceArticleTitle {
    font-size: 22px;color:#ffffff; text-align: center;margin-top: 1em;margin-bottom: 0;}
#services .serviceDesc div {margin:0 auto;width: 80%;}
#services .header .header-text-bg {padding: 1em; background-color: rgba(54, 54, 54, 0);}
#services .body {background-color: rgb(255,255,255) !important;padding: 2em;}
#services .body .serviceContent .serviceTitle{
    font-weight: 600; text-align: center; padding: 2em;}
#services .horiLine {
    width: 25%;height:2px;background-color: rgb(120, 205, 209); display: block; margin: 1em auto 0 auto;}
#services .body .serviceContent h4 {
    color: rgb(120, 205, 209);}
#services .relatedArticles li {
    border-bottom: dashed 1px rgb(120, 205, 209); padding: .5em 0;}
*/