/* =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:300px;
					position: inherit;
					
				}	
#stopkas{
				width: 90%;
					height: ;
					margin: 0 auto;
				}	
	}
	@media screen and (min-width: 421px) and (max-width: 620px) {
		#stopka{

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

					width:100%;
					height:200px;
										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;
	}
	
	}
/*Strona główna*/

 @media screen  and (min-width: 980px) and (max-width: 1380px) {
	
				
.wie-real {
font-size: 18px !important;
}
.guzik{
font-size: 16px !important;	
	
}
.d-real{
height: 650px !important;
}
}