/* CSS Document */

* { margin: 0; padding: 0; }
html { 
			/*background: url(../img/parallax/1.jpg) no-repeat top fixed; */
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
			overflow-x:hidden;
			
		}

@media (max-width: 1365px) {
	#containerLarge{
		display:none;
	}
	
	#containerMobile{
		background:url() top no-repeat;
		width:1360px;
		min-height:1000px;
		height:auto;
		display:block
	}
}



@media (min-width: 1366px) {
#containerMobile{
	display:none;
}
	#containerLarge{
		display:block;
		
	}



#napis{
	background-color:#F00;	
	
	
width:120%;
height:80%;
border:0px solid black;



z-index:1;
position:absolute;
top:83%;
left:-50%;


	transform: rotate(15deg) ;
	-webkit-transform: rotate(15deg) ;
	-moz-transform: rotate(15deg) ;
	-o-transform: rotate(15deg) ;
	-ms-transform: rotate(15deg) ;
	
}

	#tekstNapis{
		z-index:10;
		width:12%;
		height:10%;
		position:relative;
		top:0%;
		left:40%;
		margin-top:15px;
		float:left;
		
		font-family:Oswald, Arial, Helvetica, sans-serif;
		line-height:110%;
		font-size:200%;
		color:#FFF;
	
	transform: rotate(-15deg) ;
	-webkit-transform: rotate(-15deg) ;
	-moz-transform: rotate(-15deg) ;
	-o-transform: rotate(-15deg) ;
	-ms-transform: rotate(-15deg) ;
	}

#kontakt{
	background-color:#FFF;	
	
	
width:60%;
height:135%;
border:0px solid black;


z-index:2;
position:absolute;
top:91%;
left:60%;


	transform: rotate(15deg) ;
	-webkit-transform: rotate(15deg) ;
	-moz-transform: rotate(15deg) ;
	-o-transform: rotate(15deg) ;
	-ms-transform: rotate(15deg) ;
}

	#tekstKontakt{
		z-index:11;
		width:50%;
		height:10%;
		position:relative;
		top:85%;
		right:25%;
		margin-bottom:0px;
		float:right;
		
		font-family:Armata, Arial, Helvetica, sans-serif;
		line-height:110%;
		font-size:80%;
		color:#000;
		border:0px solid black; 
		text-align:right;
	
	transform: rotate(-15deg) ;
	-webkit-transform: rotate(-15deg) ;
	-moz-transform: rotate(-15deg) ;
	-o-transform: rotate(-15deg) ;
	-ms-transform: rotate(-15deg) ;
	}



#tresc{
	background-color:#999;
	
width:120%;
height:130%;
border:0px solid black;
z-index:3;

position:absolute;
top:83%;
left:-10%;

	transform: rotate(-15deg) ;
	-webkit-transform: rotate(-15deg) ;
	-moz-transform: rotate(-15deg) ;
	-o-transform: rotate(-15deg) ;
	-ms-transform: rotate(-15deg) ;
}


#trescTekstjeden{
	z-index:12;
	position:relative;
	top:10%;
	left:50%;

	overflow:hidden;
	
	width:40%;
	height:15%;
	
	color:#FFF;
	
	text-align:justify;
	
	font-family:Armata, Verdana, Geneva, sans-serif;
	line-height:170%;
	
	transform: rotate(15deg) ;
	-webkit-transform: rotate(15deg) ;
	-moz-transform: rotate(15deg) ;
	-o-transform: rotate(15deg) ;
	-ms-transform: rotate(15deg) ;
}
#trescTekstdwa{
	z-index:12;
	position:relative;
	top:3%;
	left:18%;

	color:#FFF;
	overflow:hidden;
	
	width:70%;
	height:70%;
	
	
	
	text-align:justify;
	
	font-family:Armata, Verdana, Geneva, sans-serif;
	line-height:170%;
	
	transform: rotate(15deg) ;
	-webkit-transform: rotate(15deg) ;
	-moz-transform: rotate(15deg) ;
	-o-transform: rotate(15deg) ;
	-ms-transform: rotate(15deg) ;
}

}