html {
    font-size:14px;
}
@media (min-width: 576px) {
html {
    font-size: 16px;
}
}
body {
    font-size:1rem;
    line-height:1.5;
    color:#666;
}
.header-container {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    position: relative;
}
.navbar-outer {
    margin-left:auto;
    display: flex;
    flex-direction: row;
}
.phone-mail {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.navbar-outer .phone-mail {
    justify-content: flex-end;
    margin-left:10px;
}
.navbar-outer .phone-mail .phone {
    margin-right:0;
}
a.btn-mainnav {
    font-size: 1.1rem;
    color: #fff;
    transition: all .2s ease-out;
    margin: 0 .2rem;
    background-color: #009de0;
    border-color: #009de0;
    padding: 3px 7.5px;
}

a.btn-mainnav:focus,
a.btn-mainnav:hover {
    box-shadow: 0 5px 8px rgb(0 0 0 / 20%);
    transform: translateY(-3px);
    opacity: .95;
    color: #fff;
    background-color: #007db3;
    border-color: #007db3;
}

#home .navbar .navbar-brand img {
    max-height: 100%;
    width: auto;
}
#home .navbar .nav > li > a {
    color: #aaa;
}
#home .navbar.scrolled .nav > li > a {
    color: #666;
}
@media (max-width: 991px) {
#home .navbar .nav > li > a {
    color: #666;
}
}
@media (max-width: 767px) {
    .header-container {
        align-items: flex-start;
    }

    #home .navbar .navbar-brand {
        max-width: 260px;
        height:auto;
    }

    #home .navbar .navbar-brand img {
        max-height: initial;
        max-width: 100%;
        height: auto;
    }
    .navbar-outer {
        display: block;
        padding-top:10px;
    }
    .navbar-collapse {
        position: absolute;
        top: 100%;
        right: 0;
        width: 100%;
        min-width: 320px;
        background-color: rgba(245, 245, 245);
        box-shadow:rgb(40 40 40 / 25%) 0 5px 10px;
        box-shadow: 0 5px 10px rgba(0,0,0,.25);
    }

#home .navbar .navbar-brand {
    padding-top: 10px;
	padding-bottom: 10px;
    display: flex;
    align-items: flex-end;
}
#home .navbar.scrolled .nav a {padding-bottom: 20px; padding-top: 20px;}
#home .navbar.scrolled .nav .active a {color: #fff;}
}
@media (max-width: 575px) {
    #home .navbar .navbar-brand {
        max-width: 200px;
    }
}
.info-wrapper a {
    display: block;
}
.dist {
    margin: 3rem 0;
}
#quote {
    background-image:none;
    background-color:#333;
}
.hero-content-wrapper .hero-content h1 {
margin-bottom:6rem;
}