*{

	font-family: "Arial";

	text-align: center;

}



body{

	margin:0;

	padding:0;

	font-size: large;

}



.flex-container {

	display: flex;

	flex-wrap: wrap;

	justify-content: center;

	max-width: 768px;

	margin: auto;

  }

  



.topnav {

	position: fixed;

	background-color: #0F8A5F;

	overflow: hidden;

	font-weight: bold;

	width: 100%;

	font-size: x-large;

	



	

}



#top1:link, a:visited {

	position:relative;

	color: whitesmoke;

	text-decoration: none;

	display: inline-block;

	padding: 20px;

	

  }

  

  #top1:hover, a:active {

	background-color: #34A65F;

	color: white;

	padding: 20px;

  }





header{

	padding-top: 200px;

	padding-bottom:500px;

	background-size: cover;

	background-color: #0F8A5F;

	background-image: url("img/uvod2.jpg");

	background-position: center; 

	text-shadow: 3px 3px black;

	color: white;

	vertical-align: bottom;

}







img {

	padding: 10px;

 	display: inline-block;

	height: 400px;

	width: 300px;

	vertical-align: middle;

}



footer{

	padding-bottom: 100px;

	background-color: #0F8A5F;

}



#mapa{

	margin: 0px auto;

	width: auto;

	height: 300px;

	touch-action: none;

}



table {

	margin-left: auto;

  	margin-right: auto;

	border: 1px solid;

}



th{

	padding: 15px;

	text-align: left;

}



td{

	padding: 10px;

	text-align: left;

}



#thick_font {

	font-weight: bold;

  }



/* Responsive layout */

@media only screen and (max-width: 1024px) {

	.topnav {

		font-size: xx-large;

	}

	body {

		font-size: xx-large;

	}

	.flex-container {

		flex-direction: column;

	  }

	img{

		height: 800px;

		width: 600px;

	}

  }