.page-milk {

    h1, h2, h3 {
        font-family: "gotham-condensed", sans-serif;
        font-weight: 800;
        font-style: normal;
        letter-spacing: 1px;
    }
    h1 {
        font-size: clamp(64px, 8vw, 106px);
        line-height: .9em;
        padding-bottom: 2vw;
        text-align: center;
        text-shadow: 0px 6px 15px rgba(0, 0, 0, 0.6);
    }
    h2 {
        font-size: clamp(22px, 2.8vw, 38px);
        font-weight: 600;
        margin: 0 auto;
        padding-bottom: 1.2vw;
        text-align: center;
    }
    h3 {
        font-size: clamp(46px, 8vw, 106px);
        line-height: .9em;
        padding-bottom: 3vw;
        text-align: center;
        text-shadow: 0px 6px 15px rgba(0, 0, 0, 0.6);
    }
    h4 {
        color: black;
        margin: 0;
        padding: 1em 0;
    }

    div[class*="col-"] {

        p {
            font-size: clamp(16px, 2vw, 20px);
            line-height: 1.7rem;

            strong {
                font-size: 2.6vw;
                font-size: clamp(26px, 2.6vw, 32px);
                font-family: "gotham-condensed", sans-serif;
                font-weight: 800;
                letter-spacing: 1px;
                line-height: 1em;
                text-transform: uppercase;
            }

        }
        img {
            display: block;
            margin-bottom: -24px;
            transform: translate(-36px, -32px);
            width: 122%;
        }
    }
    .btn.btn-primary {
        background-color: #ee356e;
        border: solid 3px white;
        border-radius: 0;
        box-shadow: none;
        color: white;
        font-size: 18px;
        padding: 8px 34px;
        text-decoration: none;

        &:hover {
            background-color: #e87503;
        }
    }
    .full-site-container {
        background: #EE2F6E;
        background: linear-gradient(180deg,rgba(238, 47, 110, 1) 0%, rgba(124, 90, 166, 1) 100%);
    }

    .landing-page {
        color: white;
        max-width: 820px;
        margin: 0 auto;
        padding: 4vw 0 2vw;

        > .row {
            max-width: 620px;
            margin: 0 auto;
        }
    }

    .site-inner p.disclaimer {
        color: white;
        font-size: 12px !important;
    }

    .leaderboard {
        background-color: white;
        border: 5px solid black;
        border-radius: 20px;
        max-width: 720px;
        margin: 0 auto;
        overflow: auto;
        padding: 20px;

        table {

            tbody {

                th, td {
                    color: #000;
                }
            }
        }
    }

    .contest-information {

        p {
            line-height: 1.4em;

            &:first-child {
                font-size: 28px;
            }
            &:nth-child(2) {
                font-size: 22px;
                font-size: clamp(18px, 3vw, 22px);
                font-weight: 600;
            }
            &:last-child {
                font-size: 14px;
            }
        }
    }

}



.milk-leaderboard__table {
    border-collapse: collapse;
    width: 100%;

    thead,
    tbody {

        tr th:nth-child(2) {
            text-align: left;
        }
        tr td:nth-child(2) {
            text-align: left;
        }
    }
}

.milk-leaderboard__table th,
.milk-leaderboard__table td {
    border-bottom: 1px solid #eaeaea;
    padding: 0.75rem 1rem;
    text-align: center;
    vertical-align: middle;
}
.milk-leaderboard__table tr:last-child th,
.milk-leaderboard__table tr:last-child td {
    border-bottom: none;
}

.milk-leaderboard__table thead th {
    background-color: #ee356e;
    border-bottom: 0;
    color: #fff;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 0.9rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    white-space: nowrap;
}

.milk-leaderboard__table .milk-leaderboard__place {
    padding-left: 1rem;
    padding-right: 1rem;
    text-align: center;
    white-space: nowrap;
    width: 1%;
}

.milk-leaderboard__table .milk-leaderboard__place + th,
.milk-leaderboard__table .milk-leaderboard__place + td {
    padding-left: 0.4rem;
}

.milk-leaderboard__table tbody tr:nth-child(odd) {
    background-color: #f5f5f5;
}

.milk-leaderboard__table tbody th {
    font-weight: 700;
}

@media (max-width: 768px) {

    .page-milk h2 br {
        display: none;
    }

    .page-milk {
        & div[class*="col-"] {
            img {
                margin-bottom: 0;
                transform: translate(0, 0);
                max-width: 240px;
                margin: 0 auto;
                width: 100%;
            }
        }
    }
    .page-milk {
        .leaderboard {
            padding: 0;

            tr {

                th:first-child {
                    border-top-left-radius: 14px;
                }
                th:last-child {
                    border-top-right-radius: 14px;
                }
            }
        }
    }
    .milk-leaderboard__state {
        display: block;
    }

}

@media (max-width: 600px) {
    .milk-leaderboard__table th,
    .milk-leaderboard__table td {
        padding: 0.5rem;
    }

    .milk-leaderboard__table thead th {
        font-size: 0.75rem;
    }
}