html, body {
    margin: 0 auto;
    color: #222;
    background-color: #444;
}

@font-face {
    font-family: 'grobold';
    src: url("../fonts/grobold.ttf") format("truetype"); 
}

.hidden {
    display: none;
}

.row {
    margin: 0 auto;
}

.barn_background {
    background: url('../images/BD.png') no-repeat fixed;
    background-position: center top;
}

.relative_container {
    width: 100%;
    margin: 100px auto 50px auto;
}

.navbar-toggler {
    background-color: transparent;
    color: white;
}

.contestRulesButton {
    cursor: pointer
}

.modal-title {
    text-align: center;
    width: 100%;
}

.disclaimer {
    color: red;
}

.short_rules{
    background: url('../images/pumpkinBG.png') no-repeat;
    max-width: 777px;
    margin: 0 auto;
    background-color: white;
    height: 150px;
    border-style: solid;
    border-color: #ff7f00;
    border-width: 5px 5px 5px 5px;
    position: relative;
    bottom: -25px;
    right: 0px;
    left: 0px;
    padding: 5px 5px 5px 5px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

.pumpkin_wars_image {
    float: left;
}

.short_rules_text {
    background-color: #ff7f00;
    height: 76px;
    margin-top: 9px;
    color: white;
    display: flex;
    justify-content: center;
}

.short_rules_text span {
    align-self: center;
    padding: 5px;
}

.choose_platform_container {
    background: url('../images/BD\ 2.png') no-repeat;
    background-position: center 100%;
    text-align: center;
    padding: 55px 0px 25px 0px;
    max-width: 878px;
    margin: 0 auto;
}

.contest_winners_container {
    text-align: center;
    background: url('../images/grassyBG.jpg') no-repeat center center;
    max-width: 878px;
    margin: 0 auto;
    color: #f8f8f8;
    font-size: 16px;
    font-family: 'grobold';
    text-shadow: 2px 2px 2px #222;
    border-width: 1px 0px 1px 0px;
    border-style: solid;
    border-color: lightgray;
}

.winners_table_header {
    text-shadow: 2px 6px 2px #222;
    position: relative;
    top: -25px;
    right: 0px;
    left: 0px;
}

.leaderboard_container {
    background-color: rgba(2, 2, 2, .8);
    max-width: 830px;
    margin: 0 auto;
    padding: 20px 50px 25px 50px;
    color: #f8f8f8;
    font-family: 'grobold';
    border-width: 0px 1px 1px 1px;
    border-style: solid;
    border-color: #f8f8f8;
}

.leaderboard_container_header {
    text-shadow: 1px 3px 1px orange;
    position: relative;
    bottom: -25px;
    right: 0px;
    left: 0px;
    text-align: center;
}

.leaderboard_table {
    background-color: #222;
    border-width: 1px 0px 1px 2px;
    border-color: grey;
    border-style: solid;
    text-shadow: 2px 4px 2px #222;
}

.leaderboard_body {
    padding: 0px 5px 0px 5px;
}

.corner_triangle {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 200px 200px 0 0;
    border-color: rgb(7, 255, 61) transparent transparent transparent;

}

.triangle_bg {
    background: url('../images/triangle.png') no-repeat center center;
    background-size: 100%;
    height: 25px;
    width: 25px;
}

.leaderboard_table_tr {
    border-width: 1px 1px 0px 0px;
    border-style: solid;
    border-color: #f8f8f8;
    background-color: #111;
}

.inline_img {
    display: inline;
}

.platform_img {
    padding: 0px 20px 25px 20px;
}

.white_text {
    color: white;
}

.todays_gold_text {
    color: #FFD700;
    text-shadow: 2px 4px 2px #222;
    font-size: 26px;
}

.g_font {
    font-family: 'grobold';
}

.md-text {
    font-size: 22px;
}

.bb {
    font-size: 25px;
    font-weight: bolder;
}

.prize {
    color: rgb(7, 255, 61);
}

.score {
    color: orange;
}

.table td, .table th  {
    vertical-align: middle !important;
}

.footer {
    border-top: 5px solid #222;
}

@media (max-width: 750px) {
    .contest_winners_container {
        margin: 0px -10px 0px -10px;
    }

    .short_rules {
        margin: 0px 10px 0px 10px;
    }

    .leaderboard_container {
        padding: 20px 20px 25px 20px;
    }

    .leaderboard_container_header {
        padding-bottom: 10px;
    }

    .table-borderless tbody+tbody, .table-borderless td, .table-borderless th, .table-borderless thead th {
        padding: 5px !important;
        font-size: 15px;
    }

    .short_rules_text span {
        padding: 5px;
        font-size: 14px;
    }
}

@media (max-width: 350px) {
    .table-borderless tbody+tbody, .table-borderless td, .table-borderless th, .table-borderless thead th {
        font-size: 14px;
    }

    .short_rules_text {
        height: 104px;
        margin-top: 0px;
    }
}