body 
{
margin: 0;
padding: 0;
font-family: Calibri, Arial, Helvetica, Sans-serif;
font-size:14px;line-height:1.5;
font-weight:400;
color: #434343;
background: #FFF;
background-attachment: fixed;
background-position: center;
}



/* poczatek menu z headerem w media tez*/

header
{
position: absolute;
height: 60px;
top: 0;
left: 0;
padding: 0 100px;
width: 100%;
box-sizing: border-box;
}


header .logo
{
color: #fff;
height: 50px;
line-height: 50px;
font-size: 24px;
float: left;
font-weight: bold;
}

header nav
{
float: right;
}


header .logo img
{
height: 60px;
transition: .5s;
}


header.black
{

height: 80px;
padding: 10px 150px;
}


header.black ul li a
{
color:#fff;
line-height:60px;
}



header nav ul
{
margin: 0;
padding: 0;
display: flex;
}


header nav ul li
{
list-style: none;
position: relative;
}




header nav ul li.sub-menu:before
{
content: '\f0d7';
position: absolute;
font-family: fontAwesome;
line-height: 50px;
color: #262626;
right: 5px;
}



header nav ul li.active.sub-menu:before
{
content: '\f0d8';
}


header nav ul li ul
{
position: absolute;
left: 0;
background: rgba(0,0,0,0.5);
display: none;
}


header nav ul li.active ul
{
display: block;

}




header nav ul li ul li
{
display: block;
width: 200px;
}



header nav ul li a
{
text-transform: uppercase;
height: 50px;
line-height: 50px;
padding: 0 20px;
color: #262626;
font-size: 17px;
text-decoration: none;
display: block;
transition: .5s;
font-weight: bold;
}


header nav ul li ul li a
{
color: #fff;
font-size: 13px;
font-weight: normal;
}


header nav ul li a:hover,
header nav ul li a.active
{
color: #fff;
background: #ff0000;
}


.menu-toggle
{
color: #fff;
float: right;
line-height: 50px;
font-size: 24px;
cursor: pointer;
display: none;
}


.menu-toggle p
{
float: right;
padding: 0 0 0 5px;
}


@media (max-width: 1114px)
{




header
{

background: rgba(0,0,0,0.5);
padding: 0 20px;
} 
header.black
    {
background: rgba(0,0,0,1);
height: 60px;
padding: 0 20px;
          
    }


.menu-toggle
{
display: block;
} 

header .logo img
{
height: 50px;
transition: .5s;
}


header nav
{
position: absolute;
width: 100%;
height: calc(100vh-50px);
background: #333;
top: 50px;
left: -100%;
transition: 0.5s;
} 
header nav.active
{
left: 0;
}


header nav ul 
{
display: block;
text-align: center;
}


header nav ul li a
{
text-transform: uppercase;
color: #fff;
font-size: 17px;
font-weight: bold;
border-bottom: 1px solid rgba(0,0,0,.2);
}






header nav ul li.active ul
{
position: relative;
background: #4d4b4b;
}


header nav ul li ul li
{
width: 100%;
}


}

/* koniec menu*/


section.sec1
{
width: 100%;
height: 70vh;
background: url(fotograflublin_ramki_albumy.jpg);
background-position: center; 
background-size: cover;
}

/* to zmieniłam do podstrony*/
section.content
{
padding: 25px 0px 25px 0px;

}


.center-block {
width: 50%; margin: 0 auto;
}

.center-block img {
margin: 0 auto;

    max-width: 40%;
    height: auto;
    border: none;
}
/* to zmienilam i  dodalam do podstrony koniec*/


section.content h1
{
margin: 0;
padding: 0px;
font-size: 20px;
}



section.content p
{
margin: 20px 0 0;
padding: 0px;
font-size: 15px;

}





footer {clear:both;color:#FFF;background:#121212;padding:15px 0 15px 30px;margin:0 0 25px; }



footer p
{
padding: 0px 0px 15px 0px;
text-align:center;
}




/* stara strona pocztek*/
.czytajwiecej2 a {
	clear: both;
	display: block;
	float: right;
	padding: 0px 0 2px 12px;
	background: url(images/czytaj_wiecej.png) center left no-repeat;
	color: #2670c3;
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
}
blockquote { font-style: italic; }
.czysci_h40 { clear: both; width:100%; height: 40px; }


.float_r { float: right; width: 200px; }
.float_l { float: left; width: 400px; } 


.czysci { clear: both; width: 100%; height: 0px; font-size: 0px;  }



p { margin: 0px; padding: 0 0 20px 0; }


h2, h3, h4, h5 { font-weight: normal; font-family: Arial, Helvetica, sans-serif; }

h1 { font-size: 20px; color: #000; margin: 0 0 20px 0; padding: 5px 0; border-bottom: 1px dotted  #666;font-family: Arial, Helvetica, sans-serif;}
h2 { font-size: 20px; color: #000; margin: 0 0 20px 0; padding: 0 0 10px 0; border-bottom: 1px dotted  #666; font-family: Arial, Helvetica, sans-serif; }
h2 span { font-weight: bold; }
h3 { font-size: 21px; color: #333; margin: 0 0 15px 0; padding: 0; text-decoration: none; font-weight: normal; }
h4 { font-size: 18px; color: #000; margin: 0 0 10px 0; padding: 0; }
h5 {
	font-size: 14px;
	height: 27px;
	width: 116px;
	color: #000;
	margin: 0;
	padding: 3px 10px 0 10px;
	text-align: center;
	background: url(foto/h5_tlo.png) no-repeat top left;
}
h6 { font-size: 12px; margin: 0 0 5px 0; padding: 0;}

/* stara strona koniec*/
/* media1*/
@media (max-width: 991px)
{

 
/* to dodalam do podstrony*/
.center-block {
width: 95%; margin: 0 auto;
}

.center-block img {
width: 95%; margin: 0 auto;
}
.center-block img {
max-width: 40%; height: auto; margin: 0 auto;
}   
}



@media (max-width: 500px)
{


.center-block img {
max-width: 95%; height: auto; margin: 0 auto;
}}
@media (min-width: 2000px)
{


.center-block img {
max-width: 20%; height: auto; margin: 0 auto;
}}


/* media1 koniec*/
/* media2*/






@media (max-width: 500px) 
{
	
.col_w265 {
	width: auto;
}
}



/* media2 koniec*/

@media (max-width: 280px)
{
    
header .logo img
    {
        float: left;     
        height: 40px;
       
    }






}


@media (max-width: 243px)
{
    
header .logo img
    {
        float: left;     
        height: 30px;
       
    }






}




@media (max-width: 212px)
{
    
header .logo img
    {
        float: left;     
        height: 20px;
       
    }


@media (max-width: 180px)
{
    
header .logo img
    {
        float: left;     
        height: 10px;
       
    }





}