@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&family=Roboto:wght@100..900&display=swap');

:root {
    --body-font-family: 'Roboto', sans-serif;
    --bs-font-sans-serif: 'Roboto', sans-serif;
    --bs-body-font-family: 'Roboto', sans-serif;
    --heading-font-family: 'Roboto', sans-serif;
}

.top-nav > .container > .d-flex > .flex-grow-0.flex-shrink-1{
    flex-grow: 1 !important;
}

.top-nav > .container > .d-flex > .flex-grow-1 {
    flex-grow: 0 !important;
    flex-shrink: 1 !important;
}
.top-nav ul.navbar-nav li a {
        padding: .75rem 0rem;
}
.top-nav ul.navbar-nav li:before,
.top-nav ul.navbar-nav li:after,
.sec-photo-gallery .form-floating,
.sec-more-news {
    display:none;
}

    main#site-main { background:url(/assets/Texture_Background.png)}
    footer#site-footer {
    background-image: none
}

@media screen and (min-width: 992px) {
    .top-nav .title {
        color: var(--bs-primary);
    }
}

@media screen and (max-width: 991px) {
    .top-nav .component-navbar-image button {
        display: none;
    }
    main#site-main { 
        background: white;
    }
    .top-nav .component-navbar-image .panel-control-bar {
        border-top: none;
    }
    .top-nav .title {
        color: var(--bs-primary);
    }
}