body {
	 color: #ffffff;
	 margin-top: 0px;
	 margin-left: 0px;
	 margin-right: 0px;
	 margin-bottom: 0px;
	 padding: 0px;
	 overflow-y: scroll;
	 font-family: Times New Roman;
	 font-style: italic;
	 font-size: 17px;
	 background: #fff url(kep.jpg) center center no-repeat;
	 width: 100%;
	 height: 100%;
	 background-size: cover;
    }
	
#background-image {
                  z-index: -999;
                  min-height: 100%; 
                  background:#fff url(kep.jpg) center center no-repeat;
                  background-size: cover;
                  width: 100%;
                  height: auto;
                  position: fixed;
                  top: 0;
                  left: 0;
}
	
	
	
     .primary{
	    font-weight: bold;
		
		
		}
		
     #nav {
		background: rgba(60, 153, 129, 0.9);
		width: 100%;
		font-weight: bold;
	 }
	 
	 #nav_wrapper {
	   width: 1200px;
	   height: auto;
	   margin: 0 auto;
	 }
	 
	 .clear {
		clear: both;
	 }
	 
	 #nav ul{
		margin: 0;
		height: 50px;
	    padding: 0;
	    width: 100%;
	    list-style: none;
	 }
	 
	 #nav ul li{
	   display: inline-block;
	   list-style: none;
	   padding: 0;
	   margin: 0;
	   height: 50px;
	   width: 25%;
	   float: left;
	 }
	 
	 #nav ul li a:hover{
	   background-color: rgba(255, 255, 255, 0.76)
	 }
	 
	 #nav ul li a,#nav ul li a:visited{
	   color: #ffffff;
	   display: block;
	   line-height: 50px;
	   text-align: center;
	   text-decoration: none;
	 }
	 
	
	 
	 #nav ul li a:hover{
	   color: #000000;
	   text-decoration: none;
	 }
	 #container{
	   text-align: center;
	   padding-top: 15px;
	   margin: 0px;
	   width: 100%;
	   height: 100%;
	   
	 }
	 h1{
	 text-align: center;
	 
	 }
	 
	 img.icon{
	 display: inline-block;
	 height: 18px;
	 width: 18px;
	 }
	 
	 #tartalom{
	  padding: 5px;
	  font-size: 18px;
	  width: 1100px;
	  min-height: 900px;
	  background-color: white;
	  margin: 0 auto;
	  border: solid 1px #29DED3;
	  opacity: 0.8;
	  color: #000000;
      background-color: #ffffff;	 
}
	 #alcim{
	 font-size: 14px;
	 }
	 #szöveg{
	 font-size: 16px;
	 font-family: strong;
	 text-align: center;
	 }
	 #cim{
	 text-shadow:-4px -4px 4px rgba(60, 153, 129, 0.9);
	 font-size: 40px;
	 text-align: center;
	 font: bold;
	 display: block;
	 margin: 8px 0;
	 color: white;
	 }
	 #szlogen{
	 text-decoration:underline;
	 font-size: 16px;
	 display: block;
	 margin: 4px 0;
	 text-shadow:-4px -4px 4px rgba(60, 153, 129, 0.9);
	 color: #white;
	 font-weight: bold;
	 }
	 
	 #profil{
	 font-size: 19px;
	 font-weight: bold;
	 
	 }
	 
	 #mapgoog{
	 width: 700px;
	 height: 300px;
	 }
	 img{
	 height: 310px;
	 width: 500px;
	 }
	 img#üzlet:hover{
	 
	 }
     
	  .list{
	  list-style-type: none;
	  line-height: 35px;	
	  }
	 
	 
	 .tartalom_two{
	 line-height: 10px;
	 
	 }
@media (max-width: 1200px) {
    #tartalom, #nav_wrapper, #mapgoog, #üzlet {
		width: 960px;
	}
}

@media (max-width: 992px) {
    #tartalom, #nav_wrapper, #mapgoog, #üzlet {
		width: 740px;
	}
}

@media (max-width: 768px) {
    #tartalom, #nav_wrapper, #mapgoog, #üzlet {
		width: 95%;
	}
	
	#nav ul {
		height: auto;
	}
	
	#nav ul li {
		display: block;
		float: none;
		width: 100%;
	}
}