body {
		  background-color: #f2f2f2;
		  font-family: 'Raleway', sans-serif;
		 }
	#container {
			    background-color: #e8e8e8;
				margin: 20px;
				padding: 5px;
				height: 1000px;
				overflow-x: hidden;
				overflow-y: hidden;
				position:relative;
			   }
	#sidebar {
			  position: relative;
			  background-color: #d8d8d8;
			  background-image: url("img/sidebarbg.png");
			  background-size: cover;
			  margin: -5px;
			  height: 101%;
			  width: 20%;
 			  float: left;
			  overflow-x: hidden;
			  z-index: 5;
			 }		   
	img {
		 width: 100%;
		 height: auto;
		}
	.logo {
		   margin: 5px;
		   width: 97%;
		  }
	.spacer {
			 height: 70px;
			 font-size: 0; 
			 line-height: 0;
			}
	#content {
			  position: relative;
			  width: 56%;
			  font-size:200%;
			  margin:265px 10px;
			  float: left;
			  text-align: center;
			 }
	#photos {
			 width: 21%;
			 float: left;
			 margin-top: 2%;
			 margin-right: 2%;
			 height: 80%;
			 display: flex;
			 flex-direction: column;
			 align-items: center;
			 justify-content: center;
			}
	#photos img {
				 height: auto;
				 #padding-right: 2%;
				 width: 100%;
				 margin: 4% 2%;
				 box-shadow: 5px 5px 10px grey;
				}
	#footer {
			 background-color:#d8d8d8;
			 height: 120px;
			 padding-left: 20%;
			 margin-right: -5px;
			 position:absolute;
			 bottom:0;
			 width:80%;
			 color: darkred;
			 vertical-align: middle;
			 line-height: 18.5px;
			 float:left;
			}
	
	@media only screen and (max-width:1100px) {
		#photos {display: none;}
		#content {width: 77%}
	}
	@media only screen and (max-width:900px) {
		#container {height:100%; padding: 0;}
		#footer {padding-left:0px; font-size:60%;}
		#sidebar, #content, #photos, #footer {width:100%; margin: 0 !important;}
		#sidebar, #content {padding: 0 0 160px;}
		#content {padding-top: 40px;}
	}
	#desc {
		   margin-top: -45px;
		  }
	.oferta {
		list-style-type: none;
		margin: 10px;
		padding: 0;
		font-size: 110%;
		font-weight: bold;
		line-height: 30px;
	   }

/*=============================menu=================================*/

  /* Styl przycisku */
.dropbtn {
		  background-color: #1b1918;
		  color: white;
		  width: 100%;
    	  height: 70px;
		  padding: 5px;
		  padding-left: 0px;
    	  cursor: pointer;
		  display: block;
		  line-height: 70px;
		  text-align: center;
		  font-weight: bold;
		  font-size: 25px;
		  margin: 0px;
		  transition-duration: 0.4s;
		  position:relative;
		 }

.dropdown {
		   position: relative;
    	   display: inline-block;
		   height: 80px;
		   margin-top: 13px;
		   width:100%;
		  }

/* ukryty dropdown */
.dropdown-content {
				   display: none;
    			   position: relative;
    			   background-color: #d8d8d8;
    			   width: 100%;
    			   box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    			   z-index: 1;
				  }

/* linki w menu */
.dropdown-content a {
					 color: black;
					 padding: 12px;
					 text-decoration: none;
					 display: block;
					}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {display: block;}

.dropdown:hover .dropbtn {background-color: #4c4a49;}