body {
  display: flex;
  flex-direction: column;
  height: 100vh;
}

.content {
  flex-basis: auto;
  flex-grow: 1;
  flex-shrink: 0;
  /* flex: 1 0 auto; is also possible */
}

.footer {
  flex: none;
}

/* Not so important styles: */

body {
  margin: 0;
  padding: 0;
}

.content {
text-align: left;
  padding: 2em;
}

.footer {
  padding: 1em 1em;
  background: #1F8755;
  color: #fff;
  margin-bottom: 0;
  text-align: left;
}

.footer a {
  color: #fff;
}

h1,
.footer {
  font-family: "Roboto Condensed", sans-serif;
}

.vlevo {
text-align: left;
	float: left;
}

.vpravo {
text-align: right;
	float: right;
}

label.error {
	color: red;
	font-weight: bold;
}


.content a {
color: #1f8755;
font-weight: bold;
text-decoration: none;
}
.content a:hover {
color: black;
	text-decoration: underline;
}

.footer a {
	color: #dddddd;
	text-decoration: none;
}

.footer a:hover {
	color: white;
	text-decoration: underline;
}

a.nav-link {
	color: white;
}

li.nav-item a.nav-link.active {
	color: #d3d3d3;
}

li.nav-item a:hover .nav-link.active {
	color: #fcfcfc;
}


a.logodel {
	color: red;
}