/*Plik css index.php*/

/* The sticky class is added to the navbar with JS when it reaches its scroll position */
.sticky {
    position: fixed;
    top: 0;
    width: 100%;
}

/* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */
.sticky + .container-s {
    padding-top: 60px;
}

.text-section
{   
    text-align: justify;
    padding: 5% 8%;
    font-size: 18px;
}

.photo
{
    float: left;
    padding-bottom: 5px;
}

.photo-caption
{
    font-size: 18px;
    text-align: center;
}

.photo:hover .photo-image
{
    transform: scale(110%);    
}

.photo-container
{
    overflow: hidden;
    margin-bottom: 5px;
}

.photo-image
{
    transition: transform 0.5s;
}

#logo
{
    padding-top: 20px;
    padding-bottom: 20px;
    font-family: 'Lemonada', cursive;
    font-size: 35px;
    width: 100%;
    text-align: center;
    cursor: pointer;
}

#header
{
    width: 100%;
}