a:hover  { color: #fff; text-decoration: none; }
a:link {   color: #27e6ff; text-decoration: none;}
a:visited  { color: #27e6ff; text-decoration: none; }
a:active  { color: #27e6ff; text-decoration: none; }

#body {
    background-color: #e5fbff;
}

.wjjko-header {
    font-size: 4.5em;
    font-weight: bolder;
    color: white;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    border-radius: 0px 350px 350px 0px;
    background-color: #2055A1;
    margin: auto;
    height: 640px;
}

.wjjko-header p {
    margin-top: 20%;
    margin-left: 13%;
    text-align: left;
}

.wjjko-text {
    color: #2055A1;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
}

.wjjko-text-h1 {
    color: #2055A1;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    font-size: 2.5em;
    font-weight: bolder;
    text-align: center;
}

.wjjko-text p {
    font-size: 1em;
    font-weight: normal;
}

 .wjjko-text-bold  {
    color: #2055A1;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    font-size: 1em;
    font-weight: bold;
}

.container {
    display: grid;
    align-items: center;
    /*border: 1px solid black;*/
}

wjjko-header-image-container {
    height: 93%;
    width: 80%;
}

.wjjko-header-image-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 80% 80%;
}

.wjjko-header-club-details {
    font-size: 3.5em;
    font-weight: bolder;
    color: white;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    border-radius: 0px 125px 125px 0px;
    background-color: #2055A1;
    margin: auto;
    height: 300px;
}
wjjko-header-image-container-club-details {
    height: 30%;
    width: 30%;
}

.wjjko-header-image-container-club-details img {
    width: 50%;
    height: 100%;
    object-fit: cover;
    object-position: 100% 2%;
}


.wjjko-text-club-h1 {
    color: #2055A1;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    font-size: 2.5em;
    font-weight: bolder;
    text-align: left;
}

.club-finder-box {
    margin: 25px;
    border-radius: 10px 10px 10px 10px;
    background-color: #2055A1;
    color: white;
    height: 195px;
}

.circle-image-small {
    width: 250px; /* Must be equal to height */
    height: 250px; /* Must be equal to width */
    border-radius: 50%;
}

.circle-image-medium {
    width: 475px; /* Must be equal to height */
    height: 475px; /* Must be equal to width */
    border-radius: 50%;
}

.wjjko-blue-section {
    font-size: larger;
    color: white;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    background-color: #2055A1;
    margin: auto;
    border-radius: 10px 10px 10px 10px;
}