h1 {font-size: 2.75em; text-align: center;}
@media only screen and (min-width: 0px) and (max-width: 599px) {h1 {font-size: 2.375em;}}
@media only screen and (min-width: 600px) and (max-width: 1080px) {h1 {font-size: 2.5em;}}
h2 {font-size: 2.25em; padding-top: 0.5em;}
h3 {font-size: 1.5em; padding-top: 1em;}
@media only screen and (min-width: 0px) and (max-width: 480px) {
h2 {font-size: 1.75em; font-weight:bold;}
h3 {font-size: 1.25em; font-weight:bold;}
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
h2{font-size: 1.875em;}
h3 {font-size: 1.25em;}
}
@media only screen and (min-width: 769px) and (max-width: 900px) {
h2 {font-size: 2em;}
h3 {font-size: 1.35em;}
}

@media only screen and (min-width: 0px) and (max-width: 660px) {
h1 span {display: block;}
.subhd span {display: block;}
}
.subhd {font-size: 1.5em; line-height: 1; margin-bottom: 0px; padding-bottom: 1em;}
@media only screen and (min-width: 0px) and (max-width: 599px) {.subhd {font-size: 1.125em;}}
@media only screen and (min-width: 600px) and (max-width: 1080px) {.subhd {font-size: 1.25em;}}

.wrapper {display: grid; position: relative;}
.ss-cap {width: 22%; grid-column-start: 1; grid-column-end: 1; grid-row-start: 1; grid-row-end: 1;}
.ss-cap p {position: absolute;}
#ss-cap-1 p {padding-right: .75em;}
@media only screen and (min-width: 0px) and (max-width: 320px){#ss-cap-1 p {padding-right: .25em;}}
@media only screen and (min-width: 0px) and (max-width: 320px){
.ss-cap p {font-weight:600;}
#ss-cap-1 p {width: 34%; top: 20%; right: 0; font-size: 4.25vw; line-height:1.125em;}
#ss-cap-2 p {width: 32%; top: 8%; left: 5%; font-size: 4vw; line-height:1em;}
}
@media only screen and (min-width: 321px) and (max-width: 480px){
.ss-cap p {font-weight:600;}
#ss-cap-1 p {width: 34%; top: 24%; right: 0; font-size: 3.75vw; line-height:1.25em;}
#ss-cap-2 p {width: 32%; top: 11%; left: 5.125%; font-size: 3.5vw; line-height:1.25em;}
}
@media only screen and (min-width: 481px) and (max-width: 599px){
#ss-cap-1 p {width: 33%; top: 27%; right: 0; font-size: 3.5vw; line-height:1.25em;}
#ss-cap-2 p {width: 32%; top: 10%; left: 5.125%; font-size: 3.25vw;  line-height:1.25em;}
}
@media only screen and (min-width: 600px) and (max-width: 1000px){
#ss-cap-1 p {width: 31%; top: 30%; right: 0; font-size: 3.25vw; line-height:1.375em;}
#ss-cap-2 p {width: 32%; top: 12%; left: 5.125%; font-size: 3vw; line-height:1.375em;}
}
@media only screen and (min-width: 1001px) {
#ss-cap-1 p {width: 30%; top: 30%; right: 0; font-size: 3vw; line-height:1.375em;}
#ss-cap-2 p {width: 32%; top: 15%; left: 6%; font-size: 2.5vw; line-height:1.375em;}
}
@media only screen and (min-width: 1921px) {#ss-cap-1 p, #ss-cap-2 p {font-size: 50px;}}

@media only screen and (min-width: 0px) and (max-width: 480px) {#accpt2 span {display :block;}}

#ul-svcs-cont {list-style-type:none; width:100%; max-width: 860px; line-height: 1.125; margin: 0 auto;
display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: flex-start; align-content: stretch;}
#ul-svcs-cont li {width: 20%; padding: 5px 15px; display: block; flex-grow: 0; flex-shrink: 0; flex-basis: auto; align-self: auto; order: 0; text-align:center;}
.svcs-item span {display:block;} 
@media only screen and (min-width: 0px) and (max-width: 629px) {
#ul-svcs-cont {max-width: none;}
#ul-svcs-cont li {width: 100%; padding: 5px 0;}
.svcs-item span {display:inline;} 
}
@media only screen and (min-width: 630px) and (max-width: 880px) {
#ul-svcs-cont {max-width: none;}
#ul-svcs-cont li {width: 33.333%; padding: 5px 0;}
.svcs-item:nth-child(1), .svcs-item:nth-child(3) {flex-shrink: 1;}
.svcs-item:nth-child(2), .svcs-item:nth-child(4), .svcs-item:nth-child(5) {flex-grow: 1;}  
.svcs-item span {display:inline;} 
}