html, body {
    min-height: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
}
wa-page[view='mobile'] {
    #topbar{display: none;}
    #navigationLinks{display: none;}
    #footer {
        padding: 2em 1em;
    }
    #footerContact b{
        text-align: center;
    }
    #footerContact {
        text-align: left;
    }
    .noMobile {
        display: none;
    }
}
wa-page[view='desktop'] {
    .review-grid {
        max-height: 423px;
        overflow: hidden;
    }
    .noDesktop {
        display: none;
    }
    #navigationMenu {
        display: none;
    }
    #footer {
        --min-column-size: 20%;
        padding: 2em 10%;
    }
    .teamMembers {
        --min-column-size: 30%;
    }
    .keyImageOverlay {
        position:absolute;
        top: 2em;
        left: 2em;
        bottom: 2em;
        width: calc(50% - 3em);
    }
    .keyImageOverlayRight {
        position:absolute;
        top: 2em;
        right: 2em;
        bottom: 2em;
        width: calc(50% - 3em);
        text-align: center;
        color: white;
        padding: 2em;
    }
}
.keyImage {
    background-image:url('/img/home.png');
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center center;
    margin-bottom:2em;
    width:100%;
    height:45em;
    position:relative;
}
.keyImageOverlay h2, .keyImageOverlayRight h2 {
    color: white;
}
.keyImageOverlay h3, .keyImageOverlayRight h3 {
    color: white;
}
.keyImageOverlay a, .keyImageOverlay a:link, .keyImageOverlay a:visited {
    color:white;
}
.keyImageOverlay, .keyImageOverlayRight {
    background: rgb(13, 67, 102, 0.7);
    color:white;
    border-radius: 10px;
}
#hereToHelp wa-button, .keyImageOverlay wa-button {
    width:100%;
    margin-bottom:5px;
}
@media screen and (max-width: 760px) {
    .noMobile {
        display: none;
    }
    .contentWidth {
        width: calc(100% - 4em);
        margin: 0 auto;
    }
    .keyImage {
        padding:1em;
    }
    .keyImageOverlay, .keyImageOverlayRight {
        width: calc(100% + 2em);
        padding: 1em;
        margin: -1em -1em 2em -1em;
    }
    #hereToHelp {
        width: 100%;
    }
    #mapCanvas {
        width: 100%;
    }
    #footer {
        text-align: center;
        padding: 0 2em;
    }
}
@media screen and (min-width: 761px) and (max-width: 1366px) {
    .noTablet {
        display: none;
    }
    .contentWidth {
        width: calc(100% - 4em);
        margin: 0 auto;
    }
    .keyImage {
        padding:1em;
    }
    .keyImageOverlay, .keyImageOverlayRight {
        width: calc(100% + 2em);
        padding:1em;
        margin: -1em -1em 2em -1em;
    }
    #hereToHelp {
        width: 100%;
    }
    #mapCanvas {
        width: 100%;
    }
    #footer {
        text-align: center;
        padding: 0 2em;
    }
}
@media screen and (min-width: 1367px) {
    .contentWidth {
        width: 70%;
        margin: 0 auto;
    }
    .keyImage {
        padding:2em;
    }
    .keyImageOverlay {
        width: 30%;
        padding:2em;
    }
    #mapCanvas {
        width: 68%;
    }
    #hereToHelp {
        width: 30%;
    }
}
#topbar {
    padding: 0.5em 1em;
    background: #f5f7f8;
}
::part(header) {
    border-bottom: 1px solid #f5f7f8;
    background: #ffffff;
}
#breadcrumbBar {
    width: 100%;
    background: #ffffff;
    border-bottom: 1px solid #f5f7f8;
}
.t1 {
    --wa-color-fill-loud: #f67a27;
}
.t2 {
    --wa-color-fill-loud: #f8b513;
}
.t3 {
    --wa-color-fill-loud: #2baaa7;
}
.t4 {
    --wa-color-fill-loud: #3b96ce;
}
.t5 {
    --wa-color-fill-loud: #0d4366;
}
.c1 {
    border-color: #f67a27 !important;
}
.c1 wa-icon{
    color: #f67a27 !important;
}
.c1 h3 {
    color: #f67a27;
    margin-bottom: 0;
}
.c2 {
    border-color: #f8b513 !important;
}
.c2 wa-icon{
    color: #f8b513 !important;
}
.c2 h3 {
    color: #f8b513;
    margin-bottom: 0;
}
.c3 {
    border-color: #2baaa7 !important;
}
.c3 wa-icon{
    color: #2baaa7 !important;
}
.c3 h3 {
    color: #2baaa7;
    margin-bottom: 0;
}
.c4 {
    border-color: #3b96ce !important;
}
.c4 wa-icon{
    color: #3b96ce !important;
}
.c4 h3 {
    color: #3b96ce;
    margin-bottom: 0;
}
.c5 {
    border-color: #0d4366 !important;
}
.c5 wa-icon {
    color: #0d4366 !important;
}
.c5 h3 {
    color: #0d4366;
    margin-bottom: 0;
}
.review {
    margin-bottom: 20px;
}
.review h3 {
    margin: 0;
}
.review p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
}
#map {
    margin-bottom: 1em;
}
#footer {
    width: 100%;
    background: #0d4366;
    margin: 0 auto;
    color: white;
}
#footerCTAs {
    margin: 0 1em;
}
#footerText {
    width: 100%;
    background: #0d4366;
    text-align: center;
}
#footer a, #footer a:visited {
    color: white;
}
#footer wa-callout {
    color: white !important;
}
#footer wa-icon {
    color: white !important;
}
#footerImg {
    text-align: center;
}
#footerImg img {
    width: 200px;
    height: auto;
}
h1 {
    text-align: center;
    display: block;
    color: #0d4366;
}
h2 {
    text-align: center;
    display: block;
    color: #0d4366;
}
h3 {
    text-align: center;
    display: block;
    color: #0d4366;
}