.bgcolor {
    background-color: rgba(150,150,150,0.5);
}

#header-3 .hero,
.pg-main-cs-2 {
    background: url('images/background.jpg') no-repeat center center;
    background-size: auto;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 50px 0 100px 0;
    height: auto;
}

#header-3 .hero h1 {
}

.brand {
    display: inline-block;
    padding-top: 0.3125rem;
    padding-bottom: 0.3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: wrap;
}

.brand h1 {
    display: inline-block;
    margin-top: 20px;
}

.brand #logo {
    margin-top: -16px;
}

.navbar-opacity {
    background: linear-gradient(rgba(60,96,205,1), rgba(60,96,205,0.1))!important;
}

#navbarNav.show {
    text-align: right;
    padding-right: 1rem;
}

.herotext-opacity {
    background-color: rgba(60,96,205,0.3) !important;
}

#content-1-3.content-block {
    padding: 20px 0 0px 0;
}

a.nav-link {
    font-size: 16px;
    color: #fff !important;
}

hr {
    width: 10%;
    border-width: 2px;
    border-color: #16a085;
}

@media (max-width: 576px) {
    #header-3 .hero .brandname {
        margin-top: 40px;
    }

    .navbar {
        background-color: rgba(60,96,205,0.8) !important;
    }

    .navbar-brand {
        font-size: 0.7rem !important;
    }
}