body, html {
  height: 100%;
  font-family: Arial, Helvetica, sans-serif;
  background: rgb(130,160,190);
  margin: 0;
}

nav.menu {
  display: flex;
  justify-content: space-between;
  width: 100%;
  background: rgb(0,51,102);
  font-size: 0;
}

nav.menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
	width: 100%;
	text-align: right;
}

nav.menu ul li {
  /*width: 100%;*/
    width: auto;
    display: inline-block;
}

nav.menu a {
  display: block;
  color: white;
  font-size: 16px;
  text-decoration: none;
  font-family: sans-serif;
  line-height: 3em;
  padding: 0 15px;
	/*line-height: 50px;*/
    position: relative;
}

nav.menu a:hover {
  background: rgba(0, 0, 0, 0.1);
}
	
nav.menu a:hover::after {
	content: "";
	display: block;
	width: 100%;
	height: 3px;
	background: rgba(0, 0, 0, 0.3);
	bottom: 0;
	left: 0;
	position: absolute;
}

#Logo {
  padding: 5px;
}

h2 {
  text-align: center;
  color: rgb(250,250,250);
  text-shadow: 3px 3px 10px black;
  margin: 30px;
}

.hero-image {
  background-image: url("Images/Scanner_u.jpg");
  height: 380px;
  /*height: 50%;*/
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.hero-text {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  text-shadow: 0px 0px 10px black;
}

#nabidky {
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
}

.nabidka {
  width: 240px;
  text-align: center;
  border: 0px dotted black;
  border-radius: 10%;
  margin-bottom: 30px;
  padding: 20px;
  /* background: rgb(255,214,50); */
  background: white;
}

.nabidka img {
  border: 2px solid black;
  border-radius: 40%;
  padding: 10%;
}