body {
    /*background-color: #fff;*/
}
main {
    padding-top: 5.5rem;
}
.navbar {
    background-color: #fff;
}
#hero {
    /*background: rgb(216, 218, 222) url("/img/svc_hero_background.png") no-repeat 50% 50%;*/
    background: rgb(216, 218, 222) url("/img/svc_hero_background_revised.jpg") no-repeat 50% 50%;
    background-size: cover;
}
.navbar.navbar-dark .navbar-nav .nav-item .nav-link,
.navbar.navbar-dark .navbar-nav .nav-item.active > .nav-link {
    color: rgb(25,26,120) !important;
}
.navbar.navbar-dark .navbar-nav .nav-item.active > .nav-link:hover {
    color: rgba(25,26,120, 0.75) !important;
}
.navbar.navbar-dark .navbar-nav .nav-item .nav-link:hover {
    color: rgba(25,26,120, 0.75) !important;
}
.navbar.navbar-dark .navbar-toggler {
    color: rgb(25,26,120) !important;
    border-color: rgb(25,26,120) !important;
}
.navbar.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(25, 26, 120, 0.9)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
    cursor: pointer; }
footer.page-footer {
    background-color: #6f7782;
}
.md-form label {
    font-size: 0.9rem;
    font-weight: 300;
}
.form-control {
    padding: 0;
}
.dark-indigo {
    background-color: rgb(32, 32, 78);
}
.azure-blue {
    background-color: rgb(17, 164, 225);
}
.blue-blue {
    background-color: rgb(25, 85, 205);
}
.deep-lilac {
    background-color: rgb(136, 114, 173);
}
#how_it_works h1 {
    color: #fff;
}
.lead b {
    font-weight: bold!important;
}
#tag_line {
    white-space: nowrap;line-height: 50px;
}


/* iphone 10 */
@media only screen 
    and (device-width : 375px) 
    and (device-height : 812px) 
    and (-webkit-device-pixel-ratio : 3) {
        body {
            min-height: 812px; 
        }
    #hero img {
        max-height: 250px!important;
    }
    #tag_line {
        white-space: pre-wrap;line-height: 1.5em;font-size: .85em;
    }
}
/* iphone 8 */
@media only screen 
    and (device-width : 375px) 
    and (device-height : 667px) 
    and (-webkit-device-pixel-ratio : 2) {
        body {
            min-height: 667px; 
        }
    #hero img {
        max-height: 250px!important;
    }
    #tag_line {
        white-space: pre-wrap;line-height: 1.5em;font-size: .85em;
    }
}
/* iphone 8 plus */
@media only screen 
    and (device-width : 414px) 
    and (device-height : 736px) 
    and (-webkit-device-pixel-ratio : 3) {
        body {
            min-height: 736px; 
        }
    #hero img {
        max-height: 250px!important;
    }
    #tag_line {
        white-space: pre-wrap;line-height: 1.5em;font-size: .85em;
    }
}
/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {
        body {
            min-height: 1024px; 
        }
}

/* ----------- iPad Pro 10.5" ----------- */

@media only screen 
  and (min-device-width: 834px) 
  and (max-device-width: 834px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
        body {
            min-height: 834px; 
        }
}

/* ----------- iPad Pro 12.9" ----------- */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
        body {
            min-height: 1024px; 
        }
}
/* Portrait */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
        body {
            min-height: 1366px; 
        }
}
@media screen and (min-width: 1080px) {
    body {
        min-height: 1080px; 
    }
}
@media screen and (min-width: 1440px) {
    body {
        min-height: 1440px; 
    }
}