html {
    background-image: linear-gradient(to right, #d2d2d2, #fcfcfc, #d2d2d2);
    font-family: sans-serif;
    margin: 0;
    padding: 0;
}
body {
    margin: 0;
    padding: 0;
}
#header {
    padding-top: 50px;
    background-image: url("../bg_pattern.png");
    text-align: center;
    border-bottom: 1px solid #972f3b;
}
.header_background {
    background-color: #b73e3e;
    background-image: linear-gradient(to right, #d2d2d2, #fcfcfc, #d2d2d2);
    border-bottom: 2px solid #972f3b;
}
#navbarBasicExample a {
    color: black;
    font-size: 1.7vw;
}
#menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#menu li {
    display: inline-block;
}
#menu li a {
    display: block;
    padding: 10 20 10 20;
    color: black;
    text-decoration: none;
    font-size: 2vw;
}
#menu li a:hover {
    color: #CCCCCC;
}

#main_content {
    width: 80%;
    margin: auto;
    padding-top: 2em;
}
@media screen and (max-width: 800px) {
    #navbarBasicExample a {
        color: black;
        font-size: 4vw;
    }
    .bd-link {
        width: 100%;
        display: block;
        position: relative;
    }
}
#footer {

}
#header_image {
    max-height: 300px;
}
#index_image_figure {
    width: 100%;
    text-align: center;
}
#index_image {
    width: 600px;
}

.bd-links {
    display: flex;
    flex-wrap: wrap;
    counter-reset: bd-links;
}
.bd-link {
    background-color: white;
    border: 1px solid #972f3b;
    padding: 3px;
    margin: 3px;
}
@media screen and (min-width: 1088px) {
    .bd-link {
        width: 32%;
        display: block;
        position: relative;
    }
}

.centered_content {
    text-align: center;
}

.champion_table {
    width: 100%
}

.champion_name {
    color: red;
}
.is-horizontal-center {
    justify-content: center;
}
.no-background {
    background-color: transparent;
    box-shadow: none;
}
ul.bullet-list {
    list-style-type: circle;
}