body {font-family: 'Open Sans', Helvetica, Arial, Lucida, sans-serif;}

#mainNav .navbar-nav .nav-item .nav-link, #mainNav .navbar-nav .nav-item .nav-link:hover,#mainNav .navbar-nav .nav-item .nav-link.active,#mainNav.navbar-scrolled .navbar-nav .nav-item .nav-link {
    color: #29b0ff!important;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 1.1rem;
    padding: .75rem 0;
}

#mainNav { box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);background-color: #FFFFFF;}

header.masthead h1,h3 {color: #333; font-family: 'Roboto', sans-serif;
font-weight: 100;}

header.masthead {padding-top: 7rem;
    padding-bottom: calc(10rem - 72px);
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.075)),to(rgba(108,117,125,.5))),url(../img/bg-masthead.jpg);
    background: linear-gradient(to bottom,rgba(0,0,0,.15) 0,rgba(0,0,0,.075) 100%),url(../img/bg-masthead.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;}

#services {background-color: #212121;color:#FFFFFF;}

.page-section {padding-top:1.1rem;padding-bottom:3rem;}

footer {background-color: #2e2e2e!important; color: #FFFFFF!important;}

hr.divider {max-width: 3.25rem;
    border-width: .2rem;
    border-color: #29b0ff;}
a, a:hover{color: #29b0ff;
    text-decoration: none;
    background-color: transparent;}