/* © Cppyrights / Page designed and developed by Patryk Sikorski */

*{
    box-sizing: border-box;
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.space{
    width: 100%;
    flex-shrink: 5;
}

.tlo{
    filter: brightness(80%);
}

.logo{
    width: 3em;
    height: 2.9em;
}

.navbar{
    letter-spacing: 2px;
    text-transform: uppercase;
}

.nav-item{
    border-left: 0.5px solid rgb(185, 183, 183);
    padding: 0.5em 1.2em;
}

.nav-item:last-child{
    border-right: 0.5px solid rgb(185, 183, 183);
}

.nav-item:hover{
    background-color: rgb(218, 216, 216);
}

.text button{
    font-size: 0.4em;
}

button:hover{
    transform: translateY(-5px);
    transition: 0.5s;
}

.text{
   position: absolute;
   top: 30%;
   text-align: center;
   font-size: 50px;
   color: white;
   font-weight: bold;
}

.con, .rek, .media{
    text-align: center;
    margin-top: 10vh;
}

.con h3{
    color: whitesmoke;
}

.con a{
    color: white;
    text-decoration: none;
}

.con p:hover{
    transform: translateY(-4px);
    transition: 0.5s;
}

.contact{
    background-color: #5b5965;
    height: 30vh;
}

.rekru{
    background-color: rgb(39, 39, 39);
    color: white;
    height: 30vh;
}

.rek a{
    text-decoration: none;
    color: white;
}

.social{
    background-color: #3E3D44;
    color: white;
    height: 30vh;
}

.media img{
    width: 7em;
    height: 6em;
}

/* MEDIA QUERY */
@media (max-width: 1500px){
    .space{
      width: 60%;
      flex-shrink: 5;
    }
}

@media (max-width: 992px){
    .space{
      display: none;
    }
    .navbar-brand{
        width: 20%;
    }
    .main button{
        display: none;
    }
    .karuzela{
        display: none;
    }
    .member-text{
        text-align: center;
    }
    .foot-con{
        margin-top: 10em;
    }
    .foot-con{
        margin-top: 1000px;
    }
    .kontakt{
        height: 140vh;
    }
    .info{
        padding-bottom: 3em;
    }
}

@media (max-width: 1100px){
    .text{
      top: 20%;
    }
}

@media (max-width: 900px){
    br{
        display: none;
    }
}

@media (max-width: 1300px){
    .con, .rek, .media{
        text-align: center;
        margin-top: 15vh;
    }

    .contact{
        height: 40vh;
    }
    
    .rekru{
        height: 40vh;
    }
    
    .social{
        height: 40vh;
    }
}

/* KONTAKT PAGE */

.kontakt{
    margin: 100px;
    text-transform: uppercase;
    text-align: center;
}

.foot img{
    height: 50px;
}

footer a{
    text-decoration: none;
    color: black;
}

.info p{
    font-weight: 300;
}

.info{
    padding-top: 50px;
}

/* Aktualnosci */

.karuzela{
    width: 60%;
    margin: 5vh auto;
}

.karuzela img{
    height: 40em;
}

.news-post a{
    text-decoration: none;
    color: black;
}
/* Druzyny */

.photo:hover{
    transform: translateY(-5px);
    transition: 0.5s;
}

.photo{
    width: 100%;
    height: 100%;
}

.caption{
    text-align: center;
    text-transform: uppercase;
    font-weight: 900;
}

.team:last-child{
    margin-bottom: 5em;
}

.media i{
    font-size: 5rem;
    padding: 10px;
    color: white;
}

.media i:hover{
    transform: translateY(-5px);
    transition: 0.5s;
}

.team{
    height: 120vh;
}

/* KLUB - Zarzad */

.club p{
    text-align: center;
    letter-spacing: 2px;
}

.club h1{
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 2px;
    font-size: 5em;
}

/* Seniorzy lista zawodnikow */

.players .row{
    text-align: center;
}

.players img{
    width: 90%;
    height: 90%;
}

.player:hover{
    transform: translateY(-4px);
    transition: all 1.2s;
    box-shadow: 1px 1px 10px grey;
}