#leaguesearch {
    display: flex;
    gap: 30px;
    max-width: 1200px;
    margin: 0 auto;
}

#leaguesearch input[name="address"] {
    flex: 1 1 50%
}

#leaguesearch input[name="radius"] {
    flex: 1 1 15%
}

#leaguesearch input[name="day"] {
    flex: 1 1 15%
}

#leaguesearch input[name="leaguetype"] {
    flex: 1 1 15%
}

#leaguesearch input[type="sumbit"] {
    flex: 1 1 5%
}

#leaguesearch input,
#leaguesearch select {
    padding: 0 10px;
}

#leaguesearch input[type="sumbit"] {
    padding: 5px;
    text-transform: uppercase;
}

.league-search-container {
    max-width: 1200px;
    margin: 0 auto;
}

.league-search-container .league-headers {
    display: flex;
    gap: 20px;
    border-bottom: solid 1px #000;
    margin-bottom: 20px;
}

.league-search-container .league-headers p {
    margin: 0;
    flex: 1 1 12.5%;
    font-size: 20px;
    font-weight: bold;
}

.league-search-container .league-headers p:first-of-type {
    flex: 1 1 50%;
}

.league-search-container .single-league {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
    border-bottom: solid 1px #000;
    padding-bottom: 20px;
}

.league-search-container .single-league div {
    flex: 1 1 12.5%;
}

.league-search-container .single-league div:first-of-type {
    flex: 1 1 50%;
}

.league-information {
    margin-bottom: 30px;
}

.league-information .league-data {
    margin-bottom: 5px;
}

.league-information .league-data span {
    font-weight: bold;
}

@media (max-width: 960px) {
    #leaguesearch {
        flex-wrap: wrap;
    }

    #leaguesearch input,
    #leaguesearch select {
        flex: 1 1 100%
    }

    #leaguesearch input[type="submit"] {
        padding: 10px
    }

    .league-search-container .single-league {
        flex-wrap: wrap;
        gap: 0;
    }

    .league-search-container .single-league div:nth-child(2),
    .league-search-container .single-league div:nth-child(3) {
        flex: 1 1 100%;
        display: none;
    }

    .league-search-container .single-league div {
        display: block;
        flex: 1 1 100%;
    }

    .league-search-container .league-headers p:not(:first-of-type) {
        display: none;
    }

}