svg {
	pointer-events: none;
	margin: 0 auto;
	display:block;
	padding-right:12px;

}
.button{
    
  display:none;
}
.menu_pionowe a{
	display:block;
	position: absolute;
	/* margin:0 auto; */
}
*{}

/* Demo 1 */

.drawings {
	display:block;
	margin:0 auto;
	 width:100%; 
	

}
/* iphone */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px)
{
	img { max-width: 100%; }
	svg { max-width: 100%; }
}

/* ipad */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)
{
	img { max-width: 100%; }
		svg { max-width: 100%; }
}
.illustration {

	position: absolute;
	top: 227px;
	left: 50%;
	height: 768px;
	width: 1077px;
	opacity: 0;
	-webkit-transform: translateX(-50%) translateY(-29%);
	transform: translateX(-50%) translateY(-29%);
}
.show {
	opacity: 1;
}

.hide {
	opacity: 0;
}
.line-drawing,
.illustration {	
height:auto; width:auto; 
max-width: 1024px; 
max-height:768px; 
		 
/* margin-left: 150px; */
-webkit-transition: opacity 0.5s; 
	
		 transition: opacity 0.5s; 
}

.line-drawing path {
	fill: none;
	stroke: gray;
	stroke-width: 3;
}



path.stroke-medium {
	stroke-width: 2;
}

path.stroke-thin {
	stroke-width: 1;
}


/* Positions */
@media screen and (max-width: 35.375em) {
	.demo-loading .headline h1 {
		font-size: 1.4em;
	}
}

@media screen and (max-width: 30em) {
	.related {
		font-size: 0.8em;
	}
}