html { height: 100%; }

header {
    background-color: #EBEBEB;
    background: linear-gradient(45deg, #EBEBEB, #EBEBEB);
    color: #454545;
    padding: 1em 0.5em;
    border-bottom: 1px solid #454545;
    margin: 0 0 -2em 0;
    padding: 0 0 2em 0;
    vertical-align: bottom;
    }

    header h1 {
    color: #454545;
    margin-top: 0px;
    padding-top: 20px;
    display: inline-block;
    margin-bottom: 0;
    margin-left: 10px;
    }

    header h4 {
    margin-left: 10px;
    }

    img#siteLogo {
    padding: 5en;
    /*width: 100px;*/
    height: 40px;
    float: right;
    z-index: 100;
    margin-bottom: 7px;
    margin-right: 5%;
    margin-top: 19px;
    visibility: visible;
    }

    div.navbar {
    font-size: 90%;
    border-top: 1px solid #FFFFFF;
    border-radius: 0;
    background-color: #6E1851;
    background: linear-gradient(45deg, #6E1851, #6E1851);
    padding: 0;
    z-index: 999;
    color: black;
    }

    .navbar-dark .navbar-nav .nav-link {
    color: #FFFFFF;
    }

    div.navbar a:hover {
    color: black ;
    }

    body {
    background-color : #FFFFFF;
    color: #666666;
    min-height:100%;
    position:relative;
    padding-bottom: 600px;
    }
    body .body-content a {
    color: #666666 ;
    }
    body .body-content a:hover {
    color: #666666 !important;
    }

    footer {
    background-color: #333333;
    color: #FFFFFF;
    padding: 1em 0.5em;
    border-top: 1px dotted #999;
    vertical-align: bottom;
    width:100%;
    position: absolute;
    padding: 1em;
    left: 0 ; right: 0; bottom: 0;
    /* height:395px;/*   /* Height of the footer */
    }

    footer a {
    color: #687B7B !important;
    }

    .regoffice {
    border-top: 1px dotted #999;
    }