span.tytulSekcji{
    font-family: "Khand", serif;
  font-weight: 600;
  font-style: normal;
	font-size:40px;
    
    text-align: center;
    color:rgb(80,92,100);
    overflow:hidden;
    /* float:left; */
     

}

h2{
    width:80vw;
    text-transform: uppercase;        
    
    overflow:hidden;
    margin:0 auto;
}

h3{
    background-color: rgb(255,255,255);
    text-transform: uppercase;
}


.cardContainer{
    
    width:auto;  
    max-width:550px;
    width:100%;
      
    height: auto;
        
    overflow: hidden;
    margin:0 auto;
    text-align: center;      
     border: 0px solid black;
    }

    .kartaCont{
    width:250px;
    height:350px;
    overflow:visible;
    float:left;
    margin:10px;
    border: 0px solid black;
    }

@media (width <= 600px){
    .cardContainer{
    
    width:auto;  
    max-width:250px;
    width:100%;
      
    height: auto;
        
    overflow: hidden;
    margin:0 auto;
    text-align: center;      
     border: 0px solid black;
    }

.kartaCont{
    width:250px;
    height:350px;
    overflow:visible;
    /* float:left; */
    margin:0 auto;
    border: 0px solid black;
}

}

.kartaZdjecie{
    width:250px;
    height:250px;
    overflow:hidden;
    margin:0 auto;
    -webkit-transition: all 0.3s ease-in-out 0.1s;
    -moz-transition: all 0.3s ease-in-out 0.1s;
    -o-transition: all 0.3s ease-in-out 0.1s;
    -ms-transition: all 0.3s ease-in-out 0.1s;    
    transition: all 0.3s ease-in-out 0.1s;
    transition: all 0.3s ease-in-out 0.1s;
    transition: all 0.3s ease-in-out 0.1s;
    transition: all 0.3s ease-in-out 0.1s;
    
}

.kartaZdjecie:hover{
    width:250px;
    height:250px;
    overflow:hidden;
    margin:0 auto;
    scale: 1.1;
    -webkit-transition: all 0.3s ease-in-out 0.1s;
    -moz-transition: all 0.3s ease-in-out 0.1s;
    -o-transition: all 0.3s ease-in-out 0.1s;
    -ms-transition: all 0.3s ease-in-out 0.1s;
    transition: all 0.3s ease-in-out 0.1s;
    transition: all 0.3s ease-in-out 0.1s;
    transition: all 0.3s ease-in-out 0.1s;
    transition: all 0.3s ease-in-out 0.1s;
    
    
}

    .jeden{
        background-image: url(../img/zdjecia/asem.jpg);
        border-radius:100%;
    }
    .dwa{
        background-image: url(../img/zdjecia/abogdal.jpg);
        border-radius:100%;
    }
    .trzy{
        background-image: url(../img/zdjecia/mlipiec.jpg);
        border-radius:100%;
    }
    .cztery{
        background-image: url(../img/zdjecia/dgumula.jpg);
        border-radius:100%;
    }

.kartaOpis{
    background-color: rgba(230,240,252, 0.6);
    position: relative;
    top: -50px;
    left: 55px;
    width:200px;
    min-height:100px;
    height:auto;
    color:rgb(19, 62, 95);

    
    
}

    .kartaTytul{
        font-family:"Khand", serif;
        font-style: normal;
        font-weight: 600;
        font-size: 20px;;
        
    }

.buttonProfilu{
    border:1px solid rgb(19, 62, 95);
    border-radius: 3px;
    color: rgb(19, 62, 95);
    background: none;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-weight: bold;;
}

@media (width <= 1218px){
    h3{
        background-color: rgb(255, 255, 255);
        color:rgb(80,92,100);
        text-transform: uppercase;
    }

    .daneTele{
        font-family: "Khand", serif;
        font-weight: 400;
        font-style: normal;
        font-size:20px;    
        color:rgb(80, 92,100);
        text-align: left;
        margin-left:20px;
        margin-right: 15px;
    }    
    .ikonkaRejestracji{
        text-align: center;
        margin:10px;
    }
    
}


.ikonkaRejestracji{
    text-align: right;
    margin:10px;
}
/* h2::first-letter{
    text-transform: uppercase;
} */
.daneTele{
    font-family: "Khand", serif;
    font-weight: 400;
    font-style: normal;
    font-size:20px;    
    color:rgb(80, 92,100);
    text-align: left;
}
a.tele{
    text-decoration: none;
    color:rgb(80, 92,100);
}
a.tele:hover{
    text-decoration: none;
    color:rgb(57, 104, 140);
}

.kolorIkonki{
    color:rgb(57, 104, 140);
}



#przyciskWiecejSekcja{
    background-color: RGB(51,102,153);
    border-radius: 30px;
    border:0px solid black;
    height:auto;
    width:250px;
    text-align: center;
    text-decoration: none;
    padding:5px;
    overflow:hidden;
    margin:0 auto;
  }