*{box-sizing:border-box;}


body
{
	margin:0px;
	padding:0px;
	font-family:"Titilium Web","Arial",sans-serift;
	font-size:15px;
	background-color:#171110;
	
overflow:auto;
	
   
	}
	
	
	body::before{
	
	background-image: url(../img/7.jpg);
       background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    content: ' ';
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    will-change:transform;
    z-index: -110;
   
   
    
    
   
}
	
	
body:after {

}

#bg-main{
	  
   
	filter: brightness(100%);

	
}

@media screen and (min-height: 700px) {
    body > #wtle > img
{	
height:490px;
}
}

@media screen and (max-height: 700px) {
   body > #wtle > img
{	
height:390px;
}
}



#wtle > #text
{
	margin-left: 32%;
	font-size:18px;
	line-height:23px;
	}
	#wtle
	{
		margin-left:calc(-50px + 5%);
		top: 15%;
		width:auto;
		float:left;
		color:#279A1F;
		opacity:0.8;
		text-align:left;
		margin-top:0px;
		
		
		z-index:-1;
		position:fixed;
		
	}
	#wtle > #text > .grubo
	{
		font-size:30px;
		
	}

	.grubo
	{
		font-weight:bold;
	}

#nav > .container > a > img
{
	width:60px;
	margin-top:7px;
	float:right;
}


a
{
	text-decoration:none;
}


@font-face
{
	font-family: 'Titilium Web';
	src:url('../fonts/TitilliumWeb-Regular.ttf');
	font-style:normal;
	font-weight:normal;
}


#nav, #header, .section, #footer
{
	width:100%;
}

.container
{
	
	margin:auto;
	
	width:50%;
	overflow:auto;
}


#nav > .container > a{ 
background-image:url(../img/logo2.png);
background-repeat:no-repeat;
background-size: cover;
background-position:center;
    width: 55px;
	height:50px;
    margin-top: 7px;
    float: right;
	transition:all 200ms linear;
	margin-left:5px;
	}
#nav > .container > a:hover{
          background-image:url(../img/logoN.png);
background-repeat:no-repeat;
background-size: cover;
background-position:center;
    width: 55px;
	height:50px;
    margin-top: 7px;
    float: right;
	border-radius:5%;
}



#nav
{
min-height:50px;
		background-image:url(../img/gradient.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size: cover;
	border-bottom:1px solid #279A1F;
	position:fixed;
	top:0px;
	z-index:1000;
	padding-right:5%;
	min-width:550px;
	
	
}

.fa
{
	z-index:999;
}

#nav .container
{
	padding:0px;
	width:100%;
}

#logo
{
	float:left;
	margin-bottom:0px;
	margin-top:12px;
}

/* Menu wyboru języka */
#lang
{
	float:right;
	 position:fixed;
	 top:0px;
	 z-index:11111;
	 font-size:13px;
	 border:1px solid #279A1F;
	 margin-left:15px;
	 margin-top:17px;
	 text-align:center;
	 padding-bottom:2px;
	 padding-right:3px;
	 
	 background-color:rgba(0, 0, 0, 0.3);
	 
}

 #lang > ol > li > a > img{width:20px; height:12.4px; padding-right:2px; }
 #lang > ol > li > ul > li > a > img{width:20px; height:12.4px; padding-right:2px; }

 #lang ol {
        list-style-type:none;
        padding:0;
        width:90px;
        
        margin-left:12px;
        text-align:left;
		
		margin-top:0px;
		
		
      }

     
      #lang > ol > a {
        display:block;
        text-decoration:none;
        
       
      }

     
     #lang > ol > li {
        float:left;
        width:auto;
       padding:3px;
	   transition-duration:200ms;
        height:26px;
		
      }
		a:-webkit-any-link {
    color: #fff;
 
		}

      #lang:hover ol > li {
        background-image:url(../img/3_4.jpg);
		background-size:0;
		height:66px;
		
      }

      
     
       #lang:hover ol > li > ul {
        display:block;
		
      }

      /* ------------------------CZĘŚĆ-ROZWIJANA-MENU------------------------ */

    #lang > ol > li > ul > li > a:hover{
		
		border-bottom:1px solid #fff;
		
		}
	
	
       #lang > ol > li > ul {
        display:none;
        list-style-type:none;
        padding:0;
        margin:0;
		
      }

     
      #lang > ol > li > ul > li {
        position:relative;
       background-image:url(../img/3_4.jpg);
		background-size:0;
		
      }


/*--------------------*/

.menu
{
	float:right;
	list-style:none;
}

.menu > li
{
	float:left;

}

.menu > li > a, #logo
{
	padding:5px;
	margin-left:10px;
	margin-right:10px;
	color:#279A1F;
	font-size:1.5em;
	transition:all 200ms linear;
	font-weight:bold;
}

#nav a:hover
{
	background:#279A1F;
	color:black;
	border-radius:5%;
	
}

#header
{
	margin-top:0px;
	margin-left:29%;
	margin-bottom:15px;
	text-shadow:3px 3px 4px #000;
	color:#279A1F;
	
	text-align:left;
	height:auto;
	width:auto;
	
}

@media screen and (min-height: 700px) {
    #header{
        font-size: 20px;
    }
	#textru{font-size:18px;
	color:white;}
}

@media screen and (max-height: 700px) {
    #header{
	font-size: 15px;}
		#textru{font-size:13px;
		color:white;}
    
}


.container > p
{
	color:#fff;
	filter:brightness(85%);
	

}
.mask
{
	
	margin-left:0px;
	margin-top:0px;
	width:auto;
}

.mask > .container{margin-top:80px; overflow: auto;}
.mask > .container > h1{font-size:30px;}
/*
header .mask
{
	width:100%;
	height:500px;
	background:rgba(0,0,0,0.36);
}


body  .section:nth-child(3){margin-bottom:30px; padding:40px 0px;}
body  .section:nth-child(4){background:#F5AB35; padding-top:30px;}
body  .section:nth-child(4) .container{padding-top:55px;}
body  .section:nth-child(1){background:#222;}
*/

#footer
{
	position:fixed;
	bottom:0px;
	float:left;
	margin-top:15px;
	border-top:1px solid green;
		background-image:url(../img/gradient.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size: cover;
	height:40px;
	list-style:none;
	z-index:1000;
	min-width:550px;
	   color:#279A1F;
	font-size:12px;
}

#footer > .container > ul{    margin-bottom: 0px; padding-left: 0px; line-height:18px; }

#footer > .container > ul > li
{
	display: inline;
	padding-right:50px;
	
	list-style:none;
	
}

#footer .container
{
	padding:0px;
	overflow: hidden;
	width:100%;
	text-align:center;
	
}