@media only screen and (max-width: 5000px) {
   #drzewo {max-width:1380px;
		height:897px;
		 background-image: url("treeXL.png");
		}
	#boczki {height:897px;
		 background-image: url("bokiXL.png");
		}
	}
	


 @media only screen and (max-width: 1000px) {
	#drzewo {max-width:923px;
		height:600px;
		background-image: url("tree.png");
		}
 	#boczki {height:600px;
		 background-image: url("boki.png");
		}
	}
 

@media only screen and (max-width: 680px) {
	#drzewo {max-width:680px;
		height:442px;
		background-image: url("tree680.png");
		}
    #boczki {height:442px;
		 background-image: url("boki680.png");
		}
}


@media only screen and (max-width: 585px) {
	#drzewo {max-width:585px;
		height:380px;
		background-image: url("tree585.png");
		}
	#boczki {height:380px;
		 background-image: url("boki585.png");
		}

}
@media only screen and (max-width: 240px) {
	#drzewo {max-width:240px;
		height:156px;
		background-image: url("tree240.png");
		}
	#boczki {height:156px;
		 background-image: url("boki240.png");
		}

}

img{
    max-width: 100%;
    height:auto;
    width:auto;
	border:0;
}

body {
	margin:0px;
	font-family: Helvetica, Arial, sans-serif;
	font-size:small;
	color:#222222;
	background-color:#7c850f;
	text-align:center;
	font-weight:100;
  }
 
a {
color: #737473;
text-decoration : none;
}

a:link {
 color: #737473;
 text-decoration : none;
  }
a:hover {
    color : #737473;
  }


a:visited {
    color: #737473;
    text-decoration:none;
  } 
  
#drzewo {
    width:100%;
	margin-left:auto;
	margin-right:auto;
	display:block;
	background-repeat: no-repeat;
    background-size: contain;
	background-color:#7c850f;
}  
#boczki {
	height:100%;
	
	background-repeat: repeat-x;
   
}