*{
		margin: 0;
		padding: 0;
		
	}
        
body, form, a, p, span, div, h2, h3, h4, 
h4, h5, h6, li, label, strong, em{
    font-family: Arial, sans-serif;
}        
        
        
body{
  color:#333;
	font: 13pt "arial", Arial, sans-serif;
        
}


@media (max-width: 750px) {

.non-mobile-text{ display: none; }

}

@media (min-width: 780px) {

.non-mobile-text{ display:  block; }

}


.justify{
  text-align:justify;
}

.wysoktxt {
              margin-top: 10px;
          }   

/*napis na zdjeciu */
.container1 .nag{
	position: absolute;
	top: 15vw;
	padding: 0 auto;
	width:100vw;
}
.container1 .nag1{
	position: relative;
	width: 50vw;
	margin: 0 auto;
	 -webkit-text-stroke:1px black;
}
.container1 p{
	text-shadow: 0 0 5px rgba( 0, 0, 0, 1);
	color: white;
	font-size: 35pt;
	text-align: justify;
	font-family: "arial", sans-serif;


}

.boxinside {
    margin-top: 15px;
    
}

  .nav {
		position:fixed;
		width:100%;
		margin:auto;
                background-color: rgba( 255, 255, 255, .7);
		box-shadow:0 0 0.2em #3366ff;
		border-bottom: solid 1px #104400;
		z-index: 10;
                vertical-align: middle;
                
	}
		.nav ul{
      margin-left: 10vw;                /*dla duzego ekranu komputerlaptop*/
      margin-right: 10vw;              /*dla duzego ekranu komputerlaptop*/
			display: flex;
			justify-content: space-between;
			list-style:none;
                        vertical-align: middle;

		}
			.nav li{
				width: 30%;
        margin: 5px;
			}
				.nav a{
					display: block;
					text-align:center;
					text-decoration:none;
					color:#000;
					text-shadow: 0 0 15px rgba( 0, 0, 0, .1);
				}
				/*KOLOR NAGLOWKA*/
					.nav a:hover{
                                            color:#bd0500 ;
						display:block;
						position:relative;
						border-radius: 20px;
          }
          
                 
          
.container{
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}
	.container img.line{
	  width:25px;
		height: 350px;
		opacity: 0.4;
	}

	 .fb{
		 margin: 20px auto;
		 width:40%;
		 height: auto;
	 }

.container ul{
  display: flex;
  justify-content: space-between;
  list-style:none;

}
	.container li:nth-child(5){
	   width: 19%;
	}
	.container li:nth-child(4){
		 margin-top: 60px;
	}
	.container li:nth-child(3){
		width: 55%;
		text-align: center;
	}
	.container li:nth-child(2){
		 margin-top: 60px;
	}
	.container li:nth-child(1){
		width: 19%;
	}
		.container li:nth-child(1) h2{
			margin-bottom: 70px;
		}
		.container li:nth-child(5) h2{
			margin-bottom: 70px;
		}
.container h2{
	margin-bottom: 10px;
}
.container1{
  position:flex;
	width: 100%;
  padding:auto;
  margin:auto;
}
iframe{
	width:100%;
	height: 95vh;
}
.footer{
	position: relative;
  background:#cecece;
  box-shadow:0 0 0.6em #cecece;
	line-height: 50px;
	text-align: center;
	bottom:0px;
}
  .footer p1{
		display: block;
		float:inherit;
    color:#333;
	  text-shadow: 0 0 15px rgba( 0, 0, 0, .3);
  }
  .page{
		padding-top: 35vw;
    margin: auto;
    width: auto;
		padding-bottom: 30px;
		min-height: 70vh;
  }
	.span{
		margin-top: 15px;
	}
	.span span{
		font-size: 14pt;
		font-weight: bold;
	}
	.section{
		width:100%;
	}
  #cycler{position:relative;}
  #cycler img{border-bottom: solid 1px #333333;box-shadow:0 0 0.1em #333333;width: 100%;height: 33vw;height:auto;position:absolute;z-index: 2}
  #cycler img.active{height:auto;z-index: 4}

@media screen and (min-width: 1000px){
	body{
		font: 13pt 'Cormorant', sans-serif;
	}
	.nav a{
		font-size: 15pt;
		font-weight: bold;
	}
}
@media screen and (min-width: 770px) and (max-width: 1000px){
	body{
		font: 10pt 'Open Sans', Arial, sans-serif;
	}
	.nav {
		line-height:40px;
	}
	.span span{
 	 font-size: 11pt;
 	font-weight: bold;
  }
	.footer{
		line-height: 35px;
	}

         
        
}

@media screen and (min-width: 600px) and (max-width: 770px){
	body{

		font: 8pt 'Open Sans', Arial, sans-serif;
		letter-spacing: 0.01px;
	}
 .nav>ul>li>a>h3{
	 font-weight: normal;
 }
 .nav {
	 line-height:35px;
 }
 
  .container li:nth-child(4){
 	 display: none;
 }
 .container li:nth-child(2){
 	 display: none;
 }
 
 .span span{
	 font-size: 10pt;
	font-weight: bold;
 }
 .span p{
	 font-size: 7.5pt;
 }
 .span{
	 word-spacing: 0mm;
	 letter-spacing: 0mm;
 }
 .footer{
	 line-height: 30px;
 }
}

@media screen and (min-width: 320px)  and (max-width: 600px){
	body{
		font: 7.5pt 'Open Sans', Arial, sans-serif;
	}
 .nav>ul>li>a>h3{
	 font-weight: normal;
	 font-size: 7.5pt;
 }
 .nav>ul>li>a{
	 word-spacing: 0mm;

 }
 .nav {
	 line-height:26px;
 }
 .container li:nth-child(4){
 	 display: none;
 }
 .container li:nth-child(3){
 	  order: -2;
		width: 99%;
 }
 .container li:nth-child(1){
		width: 99%;
 }
 .container li:nth-child(5){
		width: 99%;
 }
 .container li:nth-child(2){
 	 display: none;
 }
 .nav ul{
	 margin-left: 0px;                /*dla duzego ekranu komputerlaptop*/
	 margin-right: 0px;
 }
 .nav li{
	 width: 25%;
	 margin: 0px;
 }
.container ul{
	 flex-direction: column;
	 display: flex;
	 align-items: center;
}
 .container li{
	 display: block;
 }

 .span span{
	 font-size: 8pt;
	font-weight: bold;
 }
 .span p{
	  font-size: 7pt;
 }
 .container li:nth-child(5) h2{
   margin-bottom: 0px;
	 margin-top: 10px;
 }
 .container li:nth-child(1) h2{
   margin-bottom: 0px;
	 margin-top: 10px;
 }
 .footer{
	 line-height: 21px;
 }
}
@media screen  and (max-width: 320px){
	body{
		font: 7.5pt 'Open Sans', Arial, sans-serif;
	}
 .nav>ul>li>a>h3{
	 font-weight: normal;
	 font-size: 7pt;
 }
 .nav>ul>li>a{
	 word-spacing: 0mm;

 }
 .nav {
	 line-height:26px;
         
 }
 .container li:nth-child(4){
 	 display: none;
 }
 .container li:nth-child(3){
 	  order: -2;
		width: 99%;
 }
 .container li:nth-child(1){
		width: 99%;
 }
 .container li:nth-child(5){
		width: 99%;
 }
 .container li:nth-child(2){
 	 display: none;
 }
 .nav ul{
	 margin-left: 0px;                /*dla duzego ekranu komputerlaptop*/
	 margin-right: 0px;
 }
 .nav li{
	 width: 25%;
	 margin: 0px;
 }
 .nav a:hover{
 	width:20%;
}

.container ul{
	 flex-direction: column;
	 display: flex;
	 align-items: center;
}
 .container li{
	 display: block;
 }

 .span span{
	 font-size: 8pt;
	font-weight: bold;
 }
 .span p{
	  font-size: 7pt;
 }
 .container li:nth-child(5) h2{
   margin-bottom: 0px;
	 margin-top: 10px;
 }
 .container li:nth-child(1) h2{
   margin-bottom: 0px;
	 margin-top: 10px;
 }
 .footer{
	 line-height: 21px;
 }
}