@import url('https://fonts.googleapis.com/css2?family=Open+Sans&family=Oswald:wght@700&display=swap');
body { font-family: Open Sans,Arial,sans-serif; }
h1, h2, h3, h4, h5 { font-family: 'Oswald',Helvetica,Arial,Lucida,sans-serif; font-weight: 700 }
h2 {font-size:2.2rem}
h3 { color: #e02b20;font-size:2rem}
h4 { font-style: italic; text-transform: uppercase; }
p {}
ul li, ol li { }
a { color: #e02b20 }
a:focus, a:hover {color:#a71d2a}
.img-responsiveish {max-width:100%}
.btn-dark, .btn-dark:hover { color: #e02b20 }
.btn-hover {padding:.5rem 1.5rem}
.btn-hover:after { position: absolute; margin-left: -1em; opacity: 0; text-transform: none; content: "\00BB"; transition: all 300ms ease 0ms; margin-top: -1px; padding-left: 3px; }
.btn-hover:hover:after { margin-left: 0; opacity: 1; }

#header {background:#fff}
#mainnav { font-family: 'Oswald',Helvetica,Arial,Lucida,sans-serif; font-weight: 700; font-size:20px;text-transform:uppercase}
#mainnav .nav-link:focus, #mainnav .nav-link:hover { color: #e02b20}

#jumbotron { background-image: linear-gradient( 180deg,rgba(0,0,0,0.67) 0%,rgba(0,0,0,0.58) 100%),url(/s/i/h/t-and-t-plumbing-truck.jpg); background-position: 50%; background-size: cover; }

.stars { min-height: 20px; background: transparent url(../i/ico/5-stars.png) no-repeat bottom center }
.b-red-bottom { border-bottom: 4px #e02b20 solid; padding-bottom: 8px }
.pageheader {height:200px}

.service img, .service h5, .service p, .service a { transition: all 300ms ease 0ms; }
.service img:hover { opacity: 0.5; }
.service h5 { margin: 0; }
.service p { padding: 4px 0; margin: 0 }
.service a { color: #6d6e71; font-weight: 700 }
.service a.learn:after { position: absolute; margin-left: -1em; opacity: 0; text-transform: none; content: "\00BB"; transition: all 300ms ease 0ms; margin-top: -1px; padding-left: 3px; }
.service:hover a.learn { padding-right: 1.5em; }
.service:hover a.learn:after { margin-left: 0; opacity: 1; }