#menu {
	list-style-type:none; 
	margin:0; 
	padding:0;
	max-width:700px;
	}
	  
#menu li {
	margin-top:5px;
	font-size: 20px;
	}

#menu li a {
	text-decoration:none; 
	display:block; 
	padding:5px; 
	margin: 15px;
	color:#FFFFFF; 
	text-align:center; 
	border:2px solid #AAA; 
	border-radius:12px;
	}

#menu li a:hover {
	color:#000; 
	background-color:#0cF;
	border:2px solid #0cf; 
	}
	
body {
	background-image: url(img/tlo.jpg);
	background-attachment: fixed;
	background-size: cover;
	font-family: 'Lato', sans-serif;
	color: #ffffff;
	
	
	}
	
@media only screen and (max-width: 1200px) {
  div.opis {
    display: none;
  }

#menu {
	list-style-type:none; 
	margin:0; 
	padding:0;
	max-width:90%;
	}
	  
#menu li {
	margin-top:20px;
	font-size: 60px;
	}

#menu li a {
	text-decoration:none; 
	display:block; 
	padding:5px; 
	margin: 5px;
	color:#FFFFFF; 
	text-align:center; 
	border:2px solid #AAA; 
	border-radius:12px;
	}

#menu li a:hover {
	color:#000; 
	background-color:#0cF;
	border:2px solid #0cf; 
	}
	
body {
	background-image: url(img/tlo.jpg);
	background-attachment: fixed;
	background-size: cover;
	font-family: 'Lato', sans-serif;
	color: #ffffff;
	
	
	}


}