* {
    margin: 0; 
  
}

tytul {font-family: oswald, agency fb, calibri, tahoma, arial, serif}
article {font-family:  tahoma, calibri, arial, serif}




nav {width:auto; float:right;}
nav ul {display:table; float:left;}
nav ul li{list-style:none; float:left;}
nav ul li:last-child{list-style:none; padding-right:0px;}


nav a {
		display: inline-block;
		width: %;
		padding: 20px 10px 3px 5px ;
		color: DarkSlateGray;
		text-decoration: none;
		text-align: center;
		font-size:20;
		font-weight: ;
		background-color: white;
		font-family: arial, calibri, serif
		
}






h1 { font-size: 50px; color: black}
h2 { font-size: 60px;    font-family: 'Oswald', sans-serif;}
h3 { font-size: 25px; color:black; font-weight: normal; }
h4 { font-size: 30px;}
h5 { font-size: 18px; color:black;}
h6 { font-size: 18px; color:white; font-weight: normal;}
h7 { font-size: 20px;}
h8 { font-size: 12px;}
h9 { font-size: 25px;}


#strony_tlo{

position: fixed;
z-index: -1;
width: 100%;
height:  110%;
}


img {
	max-width: 100%;
	height: auto;
}

a.menu:hover {background-color: menu;}
a.menu2:hover {background-color: darkgray;}






.toggle-menu ul{display:table; width:70px; padding:10px;}
.toggle-menu ul li{list-style:none; width:100%; height:11px; background-color:grey; margin-bottom:10px;}
.toggle-menu ul li:last-child{list-style:none; margin-bottom:0px;}

input[type=checkbox], label{display:none;}



@media only screen and (max-width: 1100px) {





h1 { font-size: 50px; color: black}
h2 { font-size: 60px;    font-family: 'Oswald', sans-serif;}
h3 { font-size: 50px;}
h4 { font-size: 30px;}
h5 { font-size: 25px; color:black;}
h6 { font-size: 25px; color:white; font-weight: normal;}
h7 { font-size: 20px;}
h8 { font-size: 20px;}
h9 { font-size: 25px;}



#strony_tlo{

position: fixed;
z-index: -1;
width: 1100px;
height:  80%;
}


header{padding:20px 0px;}
label {float:left; padding:8px 0px; display:inline-block; cursor:pointer; }
input[type=checkbox]:checked ~ nav {display:block;}


nav {display:none; position:absolute; right:0px; top:90px;  padding:0px; z-index:95;}
nav ul li{float:left; padding:0px; width:100%; display:table;}
nav ul li a{font-size:40px; padding:5px; display:block; width:100%; border-bottom: 6px solid rgba(225,225,225,0.4);} 
}


@media only screen and (max-width: 980px) {
.content{width:80%;}
}

@media only screen and (max-width: 568px) {
h1{padding:25px 0px;}
h1 span{display:block;}
}

@media only screen and (max-width: 480px) {
section {max-width: 90%;}
}

@media only screen and (max-width: 360px) {
h1{font-size:20px;}
label{padding:5px 0px;}

nav{top:47px;}
}

@media only screen and (max-width: 320px) {
h1 {padding: 20px 0px;}
}




footer a {
		text-decoration: none;
		color: floralwhite;
		font-weight: bold
}