/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*LAYOUT*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*****************************************************************************************/
/*LAYOUT (BOTH)*/
/*****************************************************************************************/

#poczytaj-o-nas,
#poczytaj-o-nas ul { flex-wrap: wrap; }

#poczytaj-o-nas h3:before { content: ''; display: inline-block; position: relative; }

#poczytaj-o-nas li { display: flex; align-items: flex-end; justify-content: flex-start; position: relative; }
#poczytaj-o-nas a { display: block; }
#poczytaj-o-nas p { position: absolute; bottom: 0; text-align: center; }

/*****************************************************************************************/
/*LAYOUT (LANDSCAPE)*/
/*****************************************************************************************/

@media all and (orientation: landscape) {}

/*****************************************************************************************/
/*LAYOUT (PORTRAIT)*/
/*****************************************************************************************/

@media all and (orientation: portrait) {}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*SIZES*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*****************************************************************************************/
/*SIZES (BOTH)*/
/*****************************************************************************************/

/*-----------------------------------------------------------*/
/*Proportions*/
/*-----------------------------------------------------------*/

#poczytaj-o-nas h3,
#poczytaj-o-nas li { width: 100%; }

#poczytaj-o-nas ul { width: 25%; }

    #poczytaj-o-nas a p { width: 100%; }

/*-----------------------------------------------------------*/
/*Spaces*/
/*-----------------------------------------------------------*/

h3 { margin: 0.55em 0; padding: 0.76em; }
#poczytaj-o-nas h3:before { margin-left: 0.5em; margin-right: 0.75em; top: 0.1em; }

    #nasz-zbor li,
    #nasz-pastor li,
    #o-baptystach li { margin-right: 0.2em; }

        #poczytaj-o-nas a p { padding: 0.8em; transition: all 0.3s ease-in-out 0s; }
        #poczytaj-o-nas a:hover p { padding-bottom: 1.2em; }

/*-----------------------------------------------------------*/
/*Sizes*/
/*-----------------------------------------------------------*/

/*................................*/
/*Texts*/
/*................................*/

#poczytaj-o-nas a p { font-size: 0.925em; }

/*................................*/
/*Images*/
/*................................*/

#poczytaj-o-nas h3:before { height: 1em; width: 1em; }

#poczytaj-o-nas li { height: 10.5em; }

    #poczytaj-o-nas a { width: 100%; height: 100%; }

/*................................*/
/*Misc*/
/*................................*/

/*****************************************************************************************/
/*SIZES (LANDSCAPE)*/
/*****************************************************************************************/

@media all and (orientation: landscape) {
    
    /*-----------------------------------------------------------*/
    /*Scales*/
    /*-----------------------------------------------------------*/
    
    /*-----------------------------------------------------------*/
    /*Proportions*/
    /*-----------------------------------------------------------*/
    
}

/*****************************************************************************************/
/*SIZES (PORTRAIT)*/
/*****************************************************************************************/

@media all and (orientation: portrait) {
    
    /*-----------------------------------------------------------*/
    /*Scales*/
    /*-----------------------------------------------------------*/
    
    /*-----------------------------------------------------------*/
    /*Proportions*/
    /*-----------------------------------------------------------*/
    
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*STYLES*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*****************************************************************************************/
/*DECORATIONS*/
/*****************************************************************************************/

/*-----------------------------------------------------------*/
/*Texts*/
/*-----------------------------------------------------------*/

#poczytaj-o-nas p { font-weight: bold; }

/*-----------------------------------------------------------*/
/*Images*/
/*-----------------------------------------------------------*/

#poczytaj-o-nas h3:before { background: url("../img/icons/icon-text-blue.png") no-repeat; background-size: cover; }

#poczytaj-o-nas #nasz-zbor li { background-image: url("../img/pictures/nasz-zbor.jpg"); background-size: cover; }
#poczytaj-o-nas #nasz-pastor li { background-image: url("../img/pictures/nasz-pastor.jpg"); background-size: cover; }
#poczytaj-o-nas #o-baptystach li { background-image: url("../img/pictures/o-baptystach.jpg"); background-size: cover; }
#poczytaj-o-nas #dokumenty-koscielne li { background-image: url("../img/pictures/dokumenty-koscielne.jpg"); background-size: cover; }

/*****************************************************************************************/
/*COLORS*/
/*****************************************************************************************/

/*-----------------------------------------------------------*/
/*Texts*/
/*-----------------------------------------------------------*/

#poczytaj-o-nas p { color: white; }

/*-----------------------------------------------------------*/
/*Foregrounds*/
/*-----------------------------------------------------------*/

/*-----------------------------------------------------------*/
/*Backgrounds*/
/*-----------------------------------------------------------*/

#poczytaj-o-nas a p { background-color: rgba(44,108,148,0.7); }
#poczytaj-o-nas a:hover p { background-color: rgba(44,108,148,0.8); }

/*-----------------------------------------------------------*/
/*Borders*/
/*-----------------------------------------------------------*/

#poczytaj-o-nas a p { box-shadow: 0 -0.4em 1.2em -0.3em #222222; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*MISCELLANEOUS*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*****************************************************************************************/
/*RESETS*/
/*****************************************************************************************/

/*****************************************************************************************/
/*UNIVERSAL*/
/*****************************************************************************************/

/*****************************************************************************************/
/*BETA*/
/*****************************************************************************************/

/*****************************************************************************************/
/*DEVELOPMENT*/
/*****************************************************************************************/