body.gwtOverride.shomOverride {
    padding-top: 0px;
}

body.gwtOverride.shomOverride *:not(.fa):not(.glyphicon) {
    font-family: Roboto, "Helvetica Neue", sans-serif;
}

.gwtOverride.shomOverride .well,  .gwtOverride.shomOverride .checkout-panel {
    box-shadow: 0px 2px 1px -1px rgb(0 0 0 / 20%), 0px 1px 1px 0px rgb(0 0 0 / 14%), 0px 1px 3px 0px rgb(0 0 0 / 12%);
}

.gwtOverride.shomOverride .footerContainer {
    box-shadow: 0px 2px 1px -1px rgb(0 0 0 / 20%), 0px 1px 1px 0px rgb(0 0 0 / 14%), 0px 1px 1px 0px rgb(0 0 0 / 12%);
}

.gwtOverride.shomOverride .modal .modal-body {
    padding: 8px 20px;
}

.gwtOverride.shomOverride .modal .modal-body h1{
    font-size: 2.6rem;
}

.gwtOverride.shomOverride .modal .modal-footer {
    border-top: #D5D5D5 1px solid;
}

.gwtOverride.shomOverride .paymentPanel strong {
    font-size: 1.4rem;
}

.single-page-service-height {
    height: calc(100% - 32px);
}
.hide-extra-services, div.service:nth-child(-n+3){
    display: flex;
    flex-direction: column;
}

@media screen and (min-width:660px) and (max-width: 900px) {
    .service {
        flex-basis: 49% !important;
    }
    .hide-extra-services, div.service:nth-child(-n+4){
        display: block;
    }
}
@media screen and (max-width: 660px) {
    .service {
        flex-basis: 100% !important;
    }
}