@media only screen and (min-width: 801px) {
	#weblogo-mobile {
		display: none;
	}
	nav.navbar {
		display: none;
	}
}
.sidebar {
    flex: 0 1 300px;
	
}

.sidenav {
	text-align: end;
	z-index: 1;
	overflow-x: hidden;
}

.sidenav a {
  padding: 6px 6px 6px 32px;
  text-decoration: none;
  font-size: 2.1em;
  color: #818181;
  display: block;
  font-weight: 400;
}

.sidenav a:hover {
  color: #000;
}
span.menu-item:hover {
	border-bottom: 1px solid black;
}

.sidenav .a-active {
  color: #000;
}
.span-active {
	border-bottom: 1px solid black;
}

@media only screen and (max-width: 800px) {
	#weblogo-mobile {
			width: 100%;
			padding: 1rem;
		}
  aside.sidebar {
    display: none;
  }
 
 nav {
	background-color: #006AA7;
	font-size: x-large;
 }
 .navbar-dark .navbar-toggler {
	border: none;
 }
 button:focus {
	outline: none;
	}
.animated-icon1, .animated-icon2, .animated-icon3 {
	width: 30px;
	height: 20px;
	position: relative;
	margin: 0px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
}
nav::after {
  content: "Sta fy. Construction s.r.o. | Sta fy. Bridges Filial";
  font-size: 50%;
}
.animated-icon1 span, .animated-icon2 span, .animated-icon3 span {
	display: block;
	position: absolute;
	height: 3px;
	width: 100%;
	border-radius: 9px;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}
 .animated-icon3 span {
	background: #f3e5f5;
}
	/* Icon 4 */

	.animated-icon3 span:nth-child(1) {
	top: 0px;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
	}

	.animated-icon3 span:nth-child(2) {
	top: 10px;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
	}

	.animated-icon3 span:nth-child(3) {
	top: 20px;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
	}

	.animated-icon3.open span:nth-child(1) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 0px;
	left: 8px;
	}

	.animated-icon3.open span:nth-child(2) {
	width: 0%;
	opacity: 0;
	}

	.animated-icon3.open span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 21px;
	left: 8px;
	}
}