#mainMenu {
    margin: 50px -10px 15px -10px;
}

.navbar-brand {
    margin-bottom: auto;
    margin-left: -15px;
    margin-right: 32px;
}

    .navbar-brand img {
        max-width: 150px;
    }


.navbar {
    color: #ffffff;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}

.navbar-toggler.white {
    border: 1px solid rgba(255,255,255,.5);
    background-color: rgba(255,255,255,.5);
    border-radius: 1.7em;
    height: 2.8em
}

.navbar-toggler.close {
    border: 1px solid #cccccc;
    background-color: #cccccc;
    border-radius: 1.7em;
    height: 2.8em
}


.navbar-toggler:focus {
    box-shadow: none !important;
}

.navbar-toggler-icon.white {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='rgba(0, 0, 0, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>");
}

.navbar-toggler-icon.close {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='rgba(0, 0, 0, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M7 7L23 23M23 7L7 23'/></svg>");
}


@media (max-width: 991px) {
    #mainMenu {
        margin-top: 16px;
    }

    .navbar {
        margin: 0px auto;
        min-height: 40px !important;
        height: auto;
        width: 100%;
        border-radius: 0;
        font-size: 14px;
    }

    .navbar-nav.white {
        background-color: #ffffff;
        padding: 0 0 20px 0;
    }

        .navbar-nav.white > li {
            padding-left: 0;
            color: #ffffff;
            min-height: 40px;
            font-size: 1.3em;
            font-weight: 400;
        }

            .navbar-nav.white > li a {
                color: #000000;
                display: block;
                padding: 9px 15px;
                text-decoration: none;
                text-transform:uppercase;
            }

                .navbar-nav.white > li a:hover {
                    color: #136fde;
                    text-decoration: none;
                }

    navbar-nav.white > li.active a {
        color: #000000;
    }
}


@media (min-width: 992px) {
    .navbar {
        margin: 0 auto 0 auto;
        min-height: 40px !important;
        height: auto;
        width: 100%;
        border-radius: 0;
        padding-top: 0;
        padding-bottom: 0;
        font-size: 14px;
    }


    .navbar-nav > li {
        color: #ffffff;
        font-size: 1.15em;
        font-weight: 400;
    }

    .navbar-nav.white > li a {
        color: #979695;
        padding: 15px 0;
        margin: 0 10px;
        outline: none;
        text-decoration: none;
        text-transform: uppercase;
    }


        .navbar-nav.white > li a:hover {
            text-decoration: none;
            color: #136fde;
        }

    .navbar-nav.white > li.active a {
        color: #ffffff;
        border-bottom: 2px solid #ffffff;
    }
}

footer {
    color: #ffffff;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}

h1 {
    color: #ffffff;
}


footer a {
    color: #979695;
    text-decoration: none;
}

    footer a:hover {
        color: #ffffff;
        text-decoration: none;
    }

.copyright {
    color: rgba(255,255,255,.5);
    font-size: 0.6em !important;
}