body {
  line-height: 140%;
	font-family:tahoma;
	font-size: 10pt;	
  margin:0;
  padding:0;
  outline: 0 none;
  background: url('../images/tlo.jpg') no-repeat CENTER TOP ;
  background-color: #fbfcf7;
} 
@font-face {
font-family: 'PT Sans';
src: url(ptsans.eot);
src: local('PT Sans'), url(../ptsans.ttf) format("truetype")
}
@media (min-width: 0px) and (max-width: 979px ){
#aktualnosc {
width:236px; 
height:362px; 
#background: url('../images/tloaktualnosci_26.png');
font-family: 'PT Sans';
font-size:17px;
margin-bottom:20px;
margin:0 auto;
clear:both;
background-color:white;
border-radius:5px;
border:1px solid grey;
margin-bottom:10px;
box-shadow: 1px 1px 0 0px grey;
}
#ikony {max-width: 1058px;}
#prawa {clear:both}
#lewa {clear:both; margin-left:10px;}
#menu {display:none}
#stopkaprawa{clear:bottom}
#stopkalewa {clear:bottom} 
ul > li > ul {list-style-type:none; display:block; position:relative;padding:0; z-index:999999;}
ul > li > ul > li {clear:both;}
ul > li  {width:100%}
ul > li > ul > li {width:100%}
nav {margin-bottom:320px;}
#aktualnosci-header {margin-bottom:10px; margin-left:10px;}
#prawa {margin:0 auto;}
#content {padding-top:35px;}
}
@media (min-width: 979px) {
#aktualnosc {
width:233px; 
height:362px; 
#background: url('../images/tloaktualnosci_26.png');
font-family: 'PT Sans';
font-size:17px;
margin-bottom:20px;
float:left;
background-color:white;
border-radius:5px;
border:1px solid grey;
margin-left:3px;
margin-right:3px;
box-shadow: 1px 1px 0 0px grey;
}
#prawa {float:right;}
#lewa { float: left;}
#stopkaprawa {margin-right:10px; float:right}
#stopkalewa {margin-left:10px; float:left}
#stopka {height:43px;width: 1058px;}
#header-content {width: 1058px; height:123px; }
#aktualnosci-header {height:60px; max-width:1024px; margin: 0 auto;} 
ul > li:hover > ul {display:block}
ul > li > ul {list-style-type:none; display:none; position:absolute; z-index:999999; background:#faf7ef; opacity:0.8; width:300px;margin-top:-3px;}
ul > li > ul > li {clear:both;}    
nav > ul {margin-left:-45px;}
nav {margin-bottom:247px;}
}
#content {
    width: 100%;
    background-color: transparent; 
    
}

#header-content {
    color: #FFFFFF;
    font-size: 11px;
    margin: 0 auto;
    overflow: hidden;
    #background-color:red;
     position:relative;
     z-index:-1;
}


h2 {
color: white; font-size:18px
}
#sakramenty2 {
  position:absolute;
  z-index:6;
  visibility:hidden;
  display:none;
  left:50%;
  z-index:5;
  margin-top:152px;
  margin-left:-133px;
}
#menu {
    color: #FFFFFF;
    font-size: 11px;
    margin: 0 auto;
    overflow: hidden;
    height:38px;
    width: 1058px;
    #background-color: green;
    margin-bottom:247px;
}

#gl, #ogloszeniaparafialne, #historiaparafii, #sakramenty, #msze, #galeria, #kontakt {

height:31px;

}
#gl {
width:117px;
background: url('../images/menu_06.png');
float:left;
}

#gl:hover {
background: url('../images/menu2_06.png');
}
.czytanie {
text-decoration:none;
color:black;
}
.sakramenty {
text-decoration:none;
color:black;
}
.aktualnosc {
font-size:14px; 
color:#307985;
text-decoration:none;
padding:5px 5px 5px 5px;
}
.stopkalnk {
color:black;
text-decoration:none;
}
#ogloszeniaparafialne {
width:158px;
float:left;
background: url('../images/menu_07.png');
}
#ogloszeniaparafialne:hover {
background: url('../images/menu2_07.png');
}

#historiaparafii {
width:114px;
float:left;
background: url('../images/menu_08.png');
}
#historiaparafii:hover {
background: url('../images/menu2_08.png');
}

#sakramenty {
width:93px;
float:left;
background: url('../images/menu_09.png');
}
#sakramenty:hover {
background: url('../images/menu2_09.png');
}
#msze {
width:165px;
float:left;
background: url('../images/menu_10.png');
}
#msze:hover {
background: url('../images/menu2_10.png');
}
#galeria {
width:61px;
float:left;
background: url('../images/menu_11.png');
}
#galeria:hover {
background: url('../images/menu2_11.png');
}

#kontakt {
width:70px;
float:left;
background: url('../images/menu_12.png');
}
#kontakt:hover {
background: url('../images/menu2_12.png');
}
#tresc {
max-width:1058px;
margin: 0 auto;
}
#aktualnosci-header {
    color: #FFFFFF;
    font-size: 11px;
    
    overflow: hidden;
    
    #background-color: green;
}
#ikony {
    color: #FFFFFF;
    font-size: 11px;
    margin: 0 auto;
    overflow: hidden;
    
    margin-bottom:30px;
    #background-color: black;
}
#stopka {
    color: #FFFFFF;
    font-size: 12px;
    margin: 0 auto;
    overflow: hidden;
    height:43px;
    line-height:35px;
    font-family: 'PT Sans';
    color:black;
    background: url('../images/stopkabg_36.png');
    margin-bottom:20px;
}

#lewa {
    
    max-width: 756px;
    text-align: justify;
    #background-color:yellow;
    margin-bottom:20px;
}
#prawa {
   
    width: 302px;
    #background-color:pink;
    margin-bottom:20px;
}


#tytul {
margin-bottom:20px;
margin-left:20px;
margin-right:20px;
font-size:14px;
}
#img, #trescaktu {
margin-bottom:10px;
margin-left:20px;
}

#tytul {
position:relative;
top:10px;

}
  .linkmenu {
color:black;
text-decoration:none;
font-size:14px;
}
.linkmenu:hover {
color:white;
text-decoration:none;
}
.linkstopka {
color:white;
text-decoration:none;
font-size:10px;
}

span.nd_liturgia_skrot_tytul {color:green; margin-bottom:10px;}
span.nd_liturgia_skrot_tytul_swieto {color:red;font-weight:bold;}
span.nd_liturgia_skrot_sigla {font-weight:bold; line-height:20px; display: inline-block; margin-top:20px}
a.nd_liturgia_skrot_link {text-decoration:none;}
p.nd_liturgia_skrot_baner {margin:2px;padding:0;text-align:center;}


nav{
display:flex;
justify-content: space-around;
#padding:20px 0;
color:rgb(255, 254, 254);

align-items: center;
}
nav.logo{
letter-spacing: 3px;
}
nav ul{
display:flex;
list-style: none;
width:65%;
justify-content: space-between;
}
nav ul li a {
  color:rgb(255, 254, 254);
  text-decoration: none;
  font-size: 1em;
}

.btn{
border-radius: 40px;
}
/*Hamburger */
.menu-bars{
display:none;
flex-direction: column;
height:20px;
justify-content: space-between;
position:relative;
}
.menu-bars input{
position: absolute;
width:40px;
height:28px;
left:-5px;
top:-3px;
opacity: 0;
cursor:pointer;
z-index: 2;
}

.menu-bars span{
display:block;
width:28px;
height:3px;
background-color:black;
border-radius: 3px;
transition: all 0.3s; 
}

.menu-bars span:nth-child(2){
transform-origin: 0 0 ;
}

.menu-bars span:nth-child(4){
  transform-origin: 0 100% ;
  }

.menu-bars input:checked ~ span:nth-child(2){
background-color: white;
transform: rotate(45deg) translate(-1px, -1px);
}
.menu-bars input:checked ~ span:nth-child(4){
  background-color: white;
  transform: rotate(-45deg) translate(-1px,0); 
  }

  .menu-bars input:checked ~ span:nth-child(3){
    opacity: 0;
    transform: scale(0); 
    }


@media only screen and (max-width: 768px){
nav ul{
width:50%;
}

}

@media only screen and (max-width: 576px){
  .menu-bars{
  display:flex;
  }
  nav ul{
  position:absolute;
  right:0;
  top:0;
  width:80%;
#height:100vh;
  justify-content: space-evenly;
  flex-direction: column;
  align-items: center;
  background-color: #faf7ef;
  z-index: -1;
  transform: translateX(100%);
  transition: all 1s;
  }
  }
  nav ul.slide{
    transform: translateX(0);
  }             
* {
#margin: 3px;
  padding: 0;
}
body {
  font-family: Rubik;
  overflow-x: hidden;
}


nav{
display:flex;
justify-content: space-around;
#padding:20px 0;
color:black;
#margin-bottom:247px;
align-items: center;
}
nav.logo{
letter-spacing: 3px;
}
nav ul{
display:flex;
list-style: none;

justify-content: space-between;
font-size:14px;
}
nav ul li a {
  color:black;
  text-decoration: none;
  font-size: 1em;
}

.btn{
border-radius: 40px;
}
/*Hamburger */
.menu-bars{
display:none;
flex-direction: column;
height:20px;
justify-content: space-between;
position:relative;
margin-top:10px;
z-index:2;
}
.menu-bars input{
position: absolute;
width:40px;
height:28px;
left:-5px;
top:-3px;
opacity: 0;
cursor:pointer;
z-index: 2;
}

.menu-bars span{
display:block;
width:28px;
height:3px;

border-radius: 3px;
transition: all 0.3s;
}

.menu-bars span:nth-child(2){
transform-origin: 0 0 ;
}

.menu-bars span:nth-child(4){
  transform-origin: 0 100% ;
  }

.menu-bars input:checked ~ span:nth-child(2){
background-color: black;
transform: rotate(45deg) translate(-1px, -1px);
}
.menu-bars input:checked ~ span:nth-child(4){
  background-color: black;
  transform: rotate(-45deg) translate(-1px,0); 
  }

  .menu-bars input:checked ~ span:nth-child(3){
    opacity: 0;
    transform: scale(0); 
    }


@media only screen and (max-width: 768px){
nav ul{
width:50%;
}

}

@media only screen and (max-width: 576px){
  .menu-bars{
  display:flex;
  position:absolute;
  right:0px;
  margin-right:15px;
  }
  nav ul{
  position:absolute;
  right:0;
  top:0;
#width:100%;
  justify-content: space-evenly;
  flex-direction: column;
  align-items: center;
  background-color: #faf7ef;
  z-index: 1;
  transform: translateX(100%);
  transition: all 1s;
  }
  }
  nav ul.slide{
    transform: translateX(0);
  }