/* Galeria portret*/

#flipmenu {
    width: 100%;
    float: left;
    margin-bottom: 2%;
    color: #333333;
    font-size: 1.1em;
    font-weight: 700;
    text-align: right;
    cursor: pointer;
    background-color: #C0C0C0;
    padding: 0.5% 2% 0.5% 0;
    box-sizing: border-box;
    border: 3px solid silver;
    border-radius: 3px;
}

#flipmenu:hover {
    width: 100%;
    color: blue;
    background-color: #ffffff;
    cursor: pointer;
    box-sizing: border-box;
    border: 3px solid silver;
}

#panelmenu {
    width: 100%;
    float: left;
    background-color: #424949;
    display: none;
    cursor: pointer;
    padding: 0 0 2% 0;
}

#portret {
    float: left;
    width: 100%;
    padding: 0 0 2% 0;
    text-align: center;
    
}

#portret img {
    width: 70%;
    margin-left: 15%;
    margin-right: 15%;
    border: 3px solid silver;
}

.foto-container {
    width: 100%;
}

/* ------------------ */

#foto-galeria {
    width: 100%;
    float: left;
    color: #ffffff;
    padding: 1% 0 0 1%;
}

#foto1 {
    box-sizing: border-box;
    border: 3px solid silver;
}

#foto2 {
    margin-top: 2%;
    box-sizing: border-box;
    border: 3px solid silver;
}

#podpis {
    width: 100%;
    color: #ffffff;
    padding: 2% 0 2% 0;
}

#nazwisko {
    font-size: 1.1em;
    color: yellow;
}

#dzial {
    width: 100%;
    float: left;
    color: #ffffff;
    padding: 2% 0 0 1%;
}

#akapit {
    padding: 3% 0 0 0;
}

/* ------------------------------------ do 250 ----------------------------------- */

@media (max-width: 250px) {

    #foto-galeria {
        width: 100%;
    }

    #foto1 img {
        width: 100%;
    }

    #foto2 img {
        width: 100%;
    }
}

/* ------------------------------------ od 251 ----------------------------------- */

@media (min-width: 251px) {

    #foto-galeria {
        width: 100%;
    }

    #foto1 img {
        width: 100%;
    }

    #foto2 img {
        width: 100%;
    }
}

/* ------------------------------------ od 321 ----------------------------------- */

@media (min-width: 321px) {}

/* ------------------------------------ od 440 ----------------------------------- */

@media (min-width: 440px) {}

/* ------------------------------------ od 576 ----------------------------------- */

@media (min-width: 576px) {}

/* ------------------------------------ od 640 ----------------------------------- */

@media (min-width: 640px) {}

/* ------------------------------------ od 768 ----------------------------------- */

@media (min-width: 768px) {}

/* ------------------------------------ od 1000 ----------------------------------- */

@media (min-width: 1000px) {}