.title {
    margin-bottom: 50px;
}

.all-leagues {
    width: 100%;
    height: auto;
}

.col-1 {
    float: left;
    width: 49.5%;
    height: 100%;
    margin-right: .5%;
}

.col-2 {
    float: left;
    width: 49.5%;
    height: 100%;
    margin-left: .5%;
}

.league-wrap {
    width: 98%;
    margin: auto;
    margin-bottom: 40px;
    padding: 5px;
    height: 100%;
    border: 1px solid #d8d9da;
    border-bottom: 2px solid #d8d9da;
    border-radius: 2px;
}

.league-header {
    display: block;
    width: 100%;
}

.league-header h1, h2, h3, h4 {
    font-family: 'Cabin', sans-serif;
}

.league-logo {
    margin-right: 10px;
    display: inline-block;
    float: left;
}

.league-name {
    display: inline-block;
    float: left;
}

.league-snapshot {
    display: block;
}

table.league-rankings {
    width: 100%;
    margin-bottom: 0;
}

.league-rankings th {
    background-color: white;
    color: black;
    border-top: 1px solid #f1f2f3;
    border-bottom: 2px solid black;
}

.league-rankings tr {
    height: 50px;
}

.league-rankings td {
    font-size: 16px;
}

.col-team {
    text-align: left;
}

.cell-team {
    text-align: left;
}

.complete-rankings {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    text-align: center;
    padding: 20px;
}

@media screen and (max-width:780px) {
    
    .col-logo {
        width: 15%;
    }

}

@media screen and (max-width:725px) {
    
    .col-1 {
        width: 100%;
        float: none;
    }
    
    .col-2 {
        width: 100%;
        float: none;
    }
    
    
}


@media screen and (max-width:475px) {
    
    .col-rank {
        width: 9%;
    }

    .col-logo {
        width: 12%;
    }
    
    .col-abbrv {
        width: 13%;
    }

    .col-record {
        width: 15%;
    }
    
    .col-points {
        width: 15%;
    }

    .col-avg {
        width: 15%;
    }

    .col-move {
        width: 15%;
    }

    .col-hilo {
        width: 15%;
    }
    
}