/* =Navigator
-------------------------------------------------------------- */

	
#nav-trigger {
  display: none;
  text-align: center; }
  
  #nav-trigger span {
    display: inline-block;
    padding: 10px 30px;
    background-color: #F4F4F4;
    color: black;
    cursor: pointer;
    text-transform: uppercase;
     }
    #nav-trigger span:after {
      display: inline-block;
      margin-left: 10px;
      width: 20px;
      height: 10px;
      }
    #nav-trigger span:hover {
      background-color: rgb(168, 33, 74) }
      
    #nav-trigger span.open:after {
      border-left: solid 10px transparent;
      border-top: none;
      border-bottom: solid 10px #fff;
      border-right: solid 10px transparent; }

nav {
  margin-bottom: 30px; }

#menu1 li {
height: 40px;	

	
	}

nav#nav-mobile {

  display: none; }
  nav#nav-mobile ul {
    display: none;
    list-style-type: none;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right:Menu auto;
    text-align: center;
    background-color: #FAFEFF;
    z-index: 1000; 
		opacity: 0.8;    
    }
  nav#nav-mobile li {
    display: block;
    padding: 5px 0;
    margin: 0 5px;
  /*  border-bottom: solid 1px #950025;*/ }
    nav#nav-mobile li:last-child {
      border-bottom: none; }
  nav#nav-mobile a {
    display: block;
    color: black;
    padding: 10px 30px; }
    nav#nav-mobile a:hover {
      background-color: rgb(168, 33, 74);
      opacity: 0.9;
      color: white; }

/* =Sections
-------------------------------------------------------------- */
section h1 {
  margin-bottom: 10px; }

section p {
  margin-bottom: 30px; }
  section p:last-child {
    margin-bottom: 0; }

/* =Media Queries
-------------------------------------------------------------- */
@media all and (max-width: 900px) {
  #nav-trigger {
    display: block; }

  nav#nav-main {
    display: none; }

  nav#nav-mobile {
    display: block; } 
	.prawah 
	{
	float: right;
	}
	#frames{
	width: 100%;
	}    
    
    }
    
    @media screen and (min-width: 270px) and (max-width: 420px) {
		#stopka{

					width:100%;
					height:100px;
					position: inherit;
					
				}	
#stopkas{
				width: 90%;
					height: ;
					margin: 0 auto;
				}	
	}
	@media screen and (min-width: 421px) and (max-width: 620px) {
		#stopka{

					width:100%;
					height:100px;
					position: inherit;
					
				}	
				#stopkas{
				width: 90%;
					height: ;
					margin: 0 auto;
				}	
				
	}
	@media screen and (min-width: 621px) and (max-width: 900px) {
		#stopka{

					width:100%;
					height:100px;
										position: inherit;
				}	
#stopkas{
				width: 90%;
					height: ;
					margin: 0 auto;
				}	
	}
	
		@media screen and (min-width: 270px) and (max-width: 720px) {
				.drop{
	
width: 90%; float: left; text-align: left; margin: 10px;	
	}
	
.rolps  {
					width: 100%;
					max-width: 640px;
			}	
	
	}
		@media screen and (min-width: 721px) and (max-width: 980px) {
				.drop{
	
width: 90%; float: left; text-align: left; margin: 10px;	
	}
	
			
			}
	
	@media screen and (min-width: 270px) and (max-width: 980px) {
		#doll{
		width: 90%;			
			
			}
			#srodek2{
				width: 90%;
				
				}
				#srodek2  img{
					width: 50%;
					max-width: 640px;
					
					
					
					}
					#srodek{
				width: 90%;
				
				}
				
					.content-txt {
	width:100%;
	 margin: 0 auto;
	
	
	}

.cnt-p{
	width:90%; 
	float:none;
		 margin: 0 auto;
	
	}
.cnt-l{
	width:90%; 
	float:none;
		 margin: 0 auto;
	}
		
					.ppol{
width: 45%;	
	
	}
	
	.waski-srodek{
width: 100%;

}
.bc-l{
background-color: #f17e21;
height: 100%;
border-right: 7px solid gray;
margin-left: 5px;
padding-bottom: 20px;
}
					}
		
		
			@media screen and (min-width: 981px) and (max-width: 1200px) {
		#doll{
		width: 960px;			
			
			}
			#srodek2{
				width: 90%;
				
				}
				#srodek2  img{
					width: 50%;
					max-width: 640px;
					
					
					
					}
						#srodek{
				width: 90%;
				
				}
						.content-txt {
	width:100%;
	 margin: 0 auto;
	
	
	}

.cnt-p{
	width:90%; 
	float:none;
		 margin: 0 auto;
	
	}
.cnt-l{
	width:90%; 
	float:none;
		 margin: 0 auto;
	}
	
	.drop{
	
width: 300px; float: left; text-align: left; margin: 10px;	
	}
	

	
		}







/* ustawienia dla trzech  */

@media screen and (min-width: 270px) and (max-width: 350px) {
	
				
				.poj1{
width: 95%;	
margin: 0 auto;
list-style-type: none;
	}
	
	}
	 @media screen and (min-width: 351px) and (max-width: 669px) {
	
				
				.poj1{
width: 50%;	
margin: 0 auto;
list-style-type: none;
	}
	
	}
	
	 @media screen and (min-width: 670px) and (max-width: 990px) {
	
				
				.poj1{
width: 670px;	
margin: 0 auto;
list-style-type: none;
	}
	
	}

/* box po banerem */
 @media screen  and (min-width: 961px) and (max-width: 1300px) {
	
			.box-pod-baner	{
			width: 960px!important;
			
			}
		
	
	}
 @media screen  and (min-width: 641px) and (max-width: 960px) {
	
			.box-pod-baner	{
			width: 640px!important;
			
			}
		
	
	}
	 @media screen  and (min-width: 280px) and (max-width: 640px) {
	
			.box-pod-baner	{
			width: 320px!important;
			
			}
		
	
	}
	 @media screen  and (max-width: 1239px)  {
	
			.poj1	{
			width: 90%!important;
			
			}
	}		
	
	 @media screen  and (max-width: 450px)  {
	
			.ls-l {
			font-size: 20px;
			
			}
			.prawah{
				margin-right: 0px;
			}
			.l-mapa{
				width: 100%!important;			
			}
			.p-mapa{
				width: 100%!important;	
				background: #00BCD4;		
			}
			.l-box-sd{
			width: 100%!important;
			
			}
			
			.ppol{
			width: 90%!important;
			}
	}		
	
	
	
	/*telefony alarmowe*/
	
	 @media screen  and (max-width: 890px) {
	
				
		.box1-tel{
			width: 100%!important;
		}
		
		.dom1{
			width: 100%!important;
		}
		.dom-box{
			box-sizing: border-box;
			height: 291px!important;
			margin-top: 190px!important;
		}
	
	}
	

	/* posty */
 @media screen  and (max-width: 700px) {
	
				
		.post-image {
		width: 100%!important;
	}		
		.post {
		width: 100%!important;
	}	
		.post-opis{
			width: 100%!important;
			box-sizing: border-box;
			padding: 10px;
		}

		.post img {
		    width: 100%!important;
		    height: auto!important;
		}

		.dom-box h2{

			    font-size: 24px;
		}

		.fontd1{
			font-size: 15px!important;
		}

		.CSSTableGenerator td {
			font-size: 12px!important;
		}

		.CSSTableGenerator tr:first-child td {
		    font-size: 11px!important;
		}
	}