@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');

body, html, p, input {
    font-family: 'Roboto', sans-serif !important;
        font-size: 15px !important;
    color: #646464 !important;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto Condensed', sans-serif !important;
    color: #646464 !important;
    font-size: 24px !important;
}


h1, h2, h3, h4, h5, h6 {
    font-weight: 700 !important;
}


.body-content {
    margin-top: 65px;
    padding-bottom: 100px;
}

body {
    background-color: transparent;
    padding-bottom: 0px;
}

html { 
    background: url(../images/page-background-desk.jpg) no-repeat bottom right scroll; 
    -webkit-background-size: 686px;
    -moz-background-size: 686px;
    -o-background-size: 686px;
    background-size: 686px;
  }


@media (max-width: 1407px) {

    html {
        background: url(../images/page-background-mob.jpg) no-repeat bottom right scroll;
        -webkit-background-size: 250px;
        -moz-background-size: 250px;
        -o-background-size: 250px;
        background-size: 250px;
    }
}



    .nav a:hover {
        text-decoration: underline !important;
    }

    .navbar-nav > .open > a {
        background-color: transparent !important;
    }


    .navbar-inverse {
        background-color: #0e2036;
        border-color: #0e2036;
    }

    footer {
        background-color: #111111;
        border-color: #111111;
    }

    footer {
        position: absolute;
        bottom: 0;
        width: 100%;
    }

    .page-container {
        position: relative;
        min-height: 87.9vh;
    }

    footer p {
        color: #ffffff;
        font-size: 14px;
        text-align: center;
        padding-top: 20px;
        padding-bottom: 10px;
    }

    .navbar-inverse .navbar-nav > li > a {
        color: #dddddd;
        text-transform: uppercase;
        font-weight: 700;
        font-size: 17px;
    }








    @media (max-width: 767px) {
        .navbar-left {
            margin-top: 28px;
            margin-left: 10px;
            display: block;
        }

        .navbar {
            min-height: 80px;
        }

        .navbar-toggle {
            margin-top: 22px;
            background-color: transparent !important;
            border-color: transparent !important;
        }

        .navbar-inverse .navbar-nav > li > a {
            font-weight: normal !important;
            text-align: center;
        }

        .navbar-collapse {
            margin-top: 10px;
            box-shadow: inset 0 1px 0 rgb(255 255 255 / 60%);
        }

        .navbar-nav > li > a {
            padding-top: 15px;
            padding-bottom: 15px;
        }

        .navbar-nav {
            padding-top: 18px;
            padding-bottom: 18px;
            margin-top: 0px;
            margin-bottom: 0px;
        }
    }

    @media (min-width: 768px) {
        .navbar-left {
            margin-top: 14px;
        }

        .navbar {
            min-height: 55px;
        }

        .navbar-nav {
            float: right;
        }

        .container {
            width: 95% !important;
            max-width: 1824px !important
        }
    }

    .page-container a:hover {
        text-decoration: none !important;
    }