div[class^="col"] {
 padding-left: 2px;
 padding-right: 2px;       
}

.roster-edit {
    color: #FFFFFF;
}

button[id^="roster-edit-"] > p {
    margin-bottom: 0px;
    font-size: .7125rem;
}

tr[name^=roster-] {
    font-size: .725rem;
}

.table-sm th, .table-sm td {
    padding: 0.2rem;
    padding-top: 0.2rem;
    padding-right: 0.2rem;
    padding-bottom: 0.2rem;
    padding-left: 0.2rem;
}


img.how-it-works  {
    width: 80%;
    height: auto;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    box-shadow: #555 1px 1px 1px;
}

@media (min-width: 1200px) {
  .container {
    max-width: 1240px;
  }
}

.btn {

}

img.slot {
    max-width: 60%;
}