html {
    scroll-behavior: smooth;
}

body {
    padding-top: 80px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 17px;
}

b, strong {
    font-weight: 500;
}

h1 {
    font-size: 2rem;
    font-weight: 400;
}

h2 {
    font-size: 1.6rem;
    font-weight: 400;
}

h3 {
    font-size: 1.4rem;
    font-weight: 400;
}

h4 {
    font-size: 1.2rem;
    font-weight: 400;
    margin-top: 0;
}

h5 {
    font-size: 14px;
    font-weight: 400;
}

a {
    color: #b00d0e;
}

.header {
    background-color: #f7f7f7;
    padding-bottom: 5px;
}

.bd-footer {
    background-color: #f7f7f7;
    font-size: .9rem;
    margin-top: 1rem;
}

.navbar {
    background-color: #cdcdcd;
}

@media (min-width: 840px) {
    .navbar {
        background-image: url('images/background.jpg');
        background-position: right;
        background-size: auto 100%;
        background-repeat: no-repeat;
    }
}

a.nav-link, a.navbar-brand {
    background-color: #cdcdcd;
    padding: 3px;
    margin: 2px;
}

.navbar-light .navbar-brand {
    color: #b00d0e;
    font-size: 1.35rem;
}

.navbar-light .navbar-nav .active > .nav-link {
    color: #b00d0e;
    font-weight: 400;
}

.btn-primary {
    background-color: #b00d0e;
    border-color: #b00d0e;
}

.container {
    padding-top: 15px;
    padding-bottom: 5px;
    max-width: 1320px;
}


section::before {
    display: block;
    content: " ";
    margin-top: -60px;
    height: 60px;
}

small {
    font-size: 90%;
}

.news-item {
    margin-bottom: 1rem;
}

.news-item p {
    margin-bottom: 0;
}

input, button.btn-primary, select, textarea {
    width: 100%;
}

.paper {
    margin-left: 0;
    margin-right: 0;
    padding-top: 15px;
    margin-bottom: 15px;
    border: 5px solid #fff !important;
}

.toast-container {
    bottom: 10px;
    right: 10px;
    position: fixed;
    z-index: 100;
}