@charset "utf-8";
/* CSS Document */


.hi2{
			width:100%;
			display:inline-block; 
			float:left; 
			text-align:center;
 			padding-top:20px; 
 			font-size:36px
		}

@media screen and (max-width: 3000px){
		#tekst5{
			border-radius:50px;
			}
		
	
		
		.col4{
			width:24%;
			float:left; 
			display:block; 
			text-align:center; 
		}
}

@media screen and (max-width: 2000px){
		#tekst5 p{
			padding:0px;
			padding-right:10px;
		}	
		#tekst5 ul{	
			padding:15px;
		}	
		#tekst5 ul li{
			padding:5px;
		}
		#tekst5 {
			font-size:20px;
		}
		#tekst6 h1{
			font-size:40px;
		}
		.col2{
			position:relative;
			width:50%;
			display:block;
			float:left;
		}
		.col22{
			width:40%;
			display:inline-block;
			float:left; 
			text-align:center;
 			padding-top:50px;
		}
		.col22 img{
			width:250px; 
		} 
	
		.col4{
			width:24%;
			float:left;
			display:block; 
			text-align:center; 
		}
		
}
@media screen and (max-width: 1600px){
	
		.col2{
			position:relative;
			width:50%;
			display:block;
			float:left;
		}
		.col22{
			width:40%;
			display:inline-block; 
			float:left;
			text-align:center;
 			padding-top:50px;
		}
		.col22 img{
			width:250px; 
		} 
		
		.col4{
			width:50%;
			float:left; 
			display:block; 
			text-align:center; 
			padding-bottom:20px;
		}
		
}
@media screen and (max-width: 1300px){
		.col2{
			position:relative;
			width:50%;
			display:block;
			float:left;
		}
		.col22{
			width:40%;
			display:inline-block; 
			float:left; 
			text-align:center;
 			padding-top:50px;
		}
		.col22 img{
			width:250px; 
		} 
		
		.col4{
			width:50%;
			float:left;
			display:block; 
			text-align:center; 
		}
}
@media screen and (max-width: 1000px){
		.im_l_b{
			display:none;
		}
		
			.im_r_b{
			display:none;
			}
	
		
		#tekst5{
			border-radius:10px;
			}
		
		
		.col2{
			width:40%;
			display:inline-block;
			padding:20px;
		}
		.col22{
			width:40%;
			display:inline-block; 
			float:left; 
			text-align:center;
 			padding-top:50px;
		}
		.col22 img{
			width:250px;
		}
		
		.col4{
			width:50%;
			float:left; 
			display:block;
			text-align:center; 
		}
}
@media screen and (max-width: 900px){
		#tekst6 h1{

	font-size:35px;
}
		.jumbotron2{
			height:100px;
			margin-left:-120px; top:100px;
		}
		#menu_pole{
			display:none;
		}
		
		
		.col2{
			width:90%;
			display:block;
			padding:20px;
		}
		.col22{
			width:90%;
			display:block;
			text-align:center;
 			padding-top:50px;
		}
	
		.col4{
			width:50%;
			float:left; 
			display:block; 
			text-align:center;
		}
}
@media screen and (max-width: 800px){
		
		.jumbotron2{
			height:100px;
			margin-left:-180px;
			top:150px;
			transform:scale(0.8,0.8);
		}
		.col4{
			width:100%;
			float:left; 
			display:block;
			text-align:center; 
		}
		
}
@media screen and (max-width: 600px){
	
	#tekst5 ul{
	padding:15px;
}
	#tekst5 ul li{
	padding:5px;
}
		#tekst6 h1{

	font-size:25px;
}
		.jumbotron2{
			height:100px;
			margin-left:-250px;
			top:150px;
			transform:scale(0.6,0.6);
		}
		.col4{
			width:100%;
			float:left; 
			display:block;
			text-align:center; 
		}
		#tekst5 {

	font-size:16px;
}

}	
#tekst{
	opacity: 0;
	width:500px;
	margin-left:55%;
	background-color:rgba(255,255,255,0.6);
	background-repeat:no-repeat;
	padding:50px;
	color:#703602;
	font-size:18px;
}
#tekst h1{
	color:#B00D0D;
}
#tekst2 p{
	padding:20px;
}

#tekst2 h1{
	color:#B00D0D;
}
#tekst3 p{
	padding:5px;
	font-size:15px;
}
#tekst3{
	padding-top:10px;
	padding-bottom:10px;
	width:95%;
	
	background-color:rgba(255,255,255,1);
	opacity:0;
	color:#703602;
	font-size:20px;
}
#tekst3 h1{
	color:#B00D0D;
	font-size:20px;
}	
	

#act{
	color:#F3DAC4;
	padding:10px;
	text-shadow:#000000 1px 1px 5px;
}

#tekst5{
	padding-top:10px;
	padding-bottom:30px;
	width:100%;
	text-align:left;
	
	display:inline-table;
	background-color:rgba(255,255,255,0.8);
	opacity:0;
	color:#703602;
	
}
#tekst5 h1{
	color:#773601;
}