.positioningbottom {
  position: absolute;
  bottom: 0;
  min-width: 100%;
}

.h1positioning {
  position: absolute;
  top: 50%;
  width: 100%;
  transform: translate(0px ,-50%);
}

.h2style {
  font-size: 8vmin;
  font-style: normal;
  font-weight: 500 !important;
  letter-spacing: 18px;
  margin-left: 18px;
}

@media (min-width: 768px) {
  #Social-Icons {
    display: none;
  }
}

#Social-Icons a {
  color: var(--primary-color);
}

#Social-Icons a:hover {
  color: var(--font-white);
}

#TopNav a {
  margin: 15px;
}

.navbar .navbar-toggler {
  border-color: var(--toggle-border-color);
}

.navbar .nav-link:hover, .navbar .nav-link:focus {
  background-image: linear-gradient(#101112, #17191b 40%, #1b1e20);
  -webkit-filter: none;
  filter: none;
  border-left: 1px solid rgba(0, 0, 0, 0.2);
}

.navbar-light .navbar-toggler {
  color: rgba(0, 0, 0, 0) !important;
}