.icon-bar {
  width: 100%; /* Full-width */
  height:100%;
  background-color: transparent; /* Dark-grey background */
  overflow: auto; /* Overflow due to float */
}

.icon-bar a {
  float: left; /* Float links side by side */
  text-align: center; /* Center-align text */
  width: 20%; /* Equal width (5 icons with 20% width each = 100%) */
  height:30%;
  padding: 12px 0; /* Some top and bottom padding */
  transition: all 0.3s ease; /* Add transition for hover effects */
  color: #555; /* White text color */
  font-size: 5px; /* Increased font size */
}

.icon-bar a:hover {
  background-color:	transparent; /* Add a hover color */
}

.active {
   background-color: transparent; /* Add an active/current color */
}
*{
    margin: 0;
}



.ngisor {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 7%;
  background-color: white;
 box-shadow: 4px 4px 30px rgba(0,0,0,0.8);
border: -10px grey;
  color: black;
  text-align: center;
}
	
	.ngisor2 {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 7%;
  background-color: Orange;
 box-shadow: 4px 4px 30px rgba(0,0,0,0.8);
border: -10px grey;
  color: black;
  text-align: center;
}