.wrap{
    max-width:1200px;
    margin:0 auto;
    padding:30px;
}

.team-header{
    text-align:center;
    margin-bottom:30px;
}

.team-header img{
    width:180px;
    height:auto;
}

.team-header h1{
    margin-top:15px;
    font-size:38px;
}

.roster-table{
    width:100%;
    border-collapse:collapse;
}

.roster-table th,
.roster-table td{
    padding:14px;
    border-bottom:1px solid #222;
    text-align:left;
}

.roster-table img{
    width:54px;
    height:54px;
    object-fit:cover;
    border-radius:8px;
}

.roster-table tr:hover{
    background:#111;
}

/* OVERRIDES */

.player-grid,
.pick-grid,
.team-header,
.empty-roster,
.section-title{
    margin-left:0 !important;
}
.teams-table {
    width: 100%;
}
.teams-table th,
.teams-table td {
    padding: 14px 40px;
}
.teams-table-wrap {
    width: fit-content;

    margin: 0 auto;

    transform: translateX(-120px);
}
@media (max-width: 768px) {

    .page-wrap {

        width: 100% !important;

        max-width: 100% !important;

        margin: 0 !important;

        padding: 10px !important;

        overflow-x: auto !important;

        box-sizing: border-box;
    }

    .teams-wrap {

        width: 100%;

        overflow-x: auto;
    }

    .teams-table-wrap {

        width: 100%;

        overflow-x: auto;
    }

    .teams-table {

        width: 100%;

        min-width: 0;
    }

    .teams-table th,
    .teams-table td {

        padding: 12px 10px;

        font-size: 14px;
    }
}
@media (max-width: 768px) {

    .draft-col {
        display: none;
    }

    .teams-table {

        width: auto !important;

        margin: 0 auto;

        table-layout: auto !important;
    }

    .teams-table tr {

        display: table-row;
    }

    .teams-table th,
    .teams-table td {

        padding: 12px 14px;

        white-space: nowrap;
    }
}