/*----------------------------------------------------------------*/
/*-------------------------O mnie---------------------------------*/
/*----------------------------------------------------------------*/

#omnieContainer
{
	width : 60%;
	margin-left : 20%;
	display : flex;
	flex-direction : column;
	font-size : 140%;
}

#omnieContent 
{

}

.boldText
{
	font-weight : bold;
}

.omnieNaglowek
{
	clear:both;
	border-radius : 10px;
	padding : 5px;
	border-style : solid;

	background-color : #efefef; 
	border-color : #444444;
	margin : 0;
}

.omnieNaglowek h1
{
	font-size : 200%;
	text-align : center;
	font-weight : bold;
}

.omnieNaglowek p
{
	font-size : 200%;
}



.ofirmieOpis
{
	margin-top : 10px;
	width : 100%;
	border-style : solid;
	border-radius : 20px;
	padding : 20px;
	font-size : 100%;
	background : rgb(239,239,239, 0.9);
	margin-bottom : 50px;
}

.ofirmieOpis ul
{
	margin : 0;
	
}


#opisFoto
{
	display : flex;
	margin-bottom : 5%;
}



#ofirmieZdjecie 
{
	float:left;
	width : 30%;
	margin-top : 1%;
	margin-bottom : 1%;
}

#ofirmieZdjecie img
{
	max-width : 100%;'
	margin : 2.5%;
	border-style : solid;
	float:left;
	cursor: pointer;
	transition: 0.3s;
}

#omnieTekst
{
	float : left;
	width : 65.5%;
	margin-left : 2.5%;
	height: auto;
}





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

@media only screen and (min-width: 2000px) 
{
	#omnieOpis
	{
		font-size : 30px;
	}
	

}

@media only screen and (max-width: 2000px) 
{
	#omnieOpis
	{
		font-size : 22px;
	}
}

@media only screen and (max-width: 1500px) 
{
	#omnieOpis
	{
		font-size : 20px;
	}
}

@media only screen and (max-width: 1100px) 
{
	#omnieOpis
	{
		font-size : 20px;
	}
}

@media only screen and (max-width: 1050px)
{
	#omnieContainer
	{
		width : 90%;
		margin-left : 5%;
	}
	
	#omnieOpis
	{
		font-size : 25px;
	}
	
	.omnieNaglowek
	{
		font-size : 15px;
	}
	
}

@media only screen and (max-width: 900px)
{	 
	#omnieContainer
	{
		width : 90%;
		margin-left : 5%;
	}
	
	#omnieOpis
	{
		font-size : 20px;
	}
	
	.omnieNaglowek
	{
		font-size : 12px;
	}
	
}

@media only screen and (max-width: 800px)
{ 
	#omnieContainer
	{
		width : 90%;
		margin-left : 5%;
	}
	
	#omnieOpis
	{
		font-size : 20px;
	}
	
	.omnieNaglowek
	{
		font-size : 9px;
	}
	
}


@media only screen and (max-width: 700px)
{
	#omnieContainer
	{
		width : 90%;
		margin-left : 5%;
	}
	
	#omnieOpis
	{
		font-size : 20px;
	}
	
	.omnieNaglowek
	{
		font-size : 9px;
	}
	

}
@media only screen and (max-width: 600px)
{
	#omnieContainer
	{
		width : 90%;
		margin-left : 5%;
	}
	
	#omnieOpis
	{
		font-size : 20px;
	}
	
	.omnieNaglowek
	{
		font-size : 9px;
	}

	#opisFoto
	{
		flex-direction : column;
	}

	#ofirmieZdjecie 
	{
		width : 95%;
		margin : 2.5%;
	}

	#omnieTekst
	{
		width : 95%;
		margin : 2.5%;
		height: auto;
	}
	

}

@media only screen and (max-width: 450px)
{ 
	#omnieContainer
	{
		width : 90%;
		margin-left : 5%;
	}
	
	#omnieOpis
	{
		font-size : 20px;
	}
	
	.omnieNaglowek
	{
		font-size : 9px;
	}
	
	#opisFoto
	{
		flex-direction : column;
	}

	#ofirmieZdjecie 
	{
		width : 95%;
		margin : 2.5%;
	}

	#omnieTekst
	{
		width : 95%;
		margin : 2.5%;
		height: auto;
	}

}

@media only screen and (max-width: 400px)
{
	#omnieContainer
	{
		width : 90%;
		margin-left : 5%;
	}
	
	#omnieOpis
	{
		font-size : 18px;
	}
	
	.omnieNaglowek
	{
		font-size : 8px;
	}
	
	#opisFoto
	{
		flex-direction : column;
	}

	#ofirmieZdjecie 
	{
		width : 95%;
		margin : 2.5%;
	}

	#omnieTekst
	{
		width : 95%;
		margin : 2.5%;
		height: auto;
	}

}

@media only screen and (max-width: 350px)
{
	
	#omnieContainer
	{
		width : 90%;
		margin-left : 5%;
	}
	
	#omnieOpis
	{
		font-size : 15px;
	}
	
	.omnieNaglowek
	{
		font-size : 8px;
	}
	
	#opisFoto
	{
		flex-direction : column;
	}

	#ofirmieZdjecie 
	{
		width : 95%;
		margin : 2.5%;
	}

	#omnieTekst
	{
		width : 95%;
		margin : 2.5%;
		height: auto;
	}




}