.navbar {
    padding: 10px 0px !important;
}
.jumbotron {
    padding: 30px 0px;
    margin-bottom: 0px;
}

/* Make sure that the jumbotron object or the target object is set to position:relative so the overlay will only take over the content */

.jumbotron::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(/publicweb/images/system/bg-wrap.png) repeat top left;
    opacity: .8;
}

/* Use this to make the content go over the pattern set above */
.jumbotron .container {
    z-index: 100;
    position: relative;
}

#divWebPageDetails {
    font-family: 'Roboto Slab';
    font-size: medium;
    color: #403c3c;
}

.navbar-nav li a {
    font-weight: 800;
    color: #c41118 !important;
    text-transform: uppercase;
}

    .navbar-nav li a:hover {
        background-color: #c41118 !important;
        color: #ffffff !important;
    }

.dropdown-menu li a {
    color: #ffffff !important;
}

.dropdown-menu {
    background-color: #000;
    margin: 0px;
    padding: 0px !important
}

.nav-link {
    font-size: small !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.jumbotron h1 {
    margin-top: 0px;
    font-family: 'Encode Sans', Exo, 'Alfa Slab One';
    font-size: xxx-large;
}

.jumbotron p {
    font-family: 'Open Sans';
    font-size: large;
}

.blogArticleListTitle {
    font-weight: 800;
}