.dropdown-menu {
  margin-top: 0;
}

/* FOR CHANGING NAME OF CONTENT */

.wrapper {
  box-sizing: content-box;
  display: flex;
  font-size: 30px;
  height: 40px;
}

.wrapper2 {
  box-sizing: content-box;
  display: flex;
  font-size: 16px;
  height: 22px;
}

small11 {
  display: block;
  height: 100%;
  padding-left: 10px;
  animation: spins_words 6s infinite;
}

.words {
  overflow: hidden;
}

@keyframes spins_words {
  10% {
    transform: translateY(-112%);
    color: blue;
  }
  25% {
    transform: translateY(-100%);
  }
  35% {
    transform: translateY(-212%);
    color: green;
  }
  50% {
    transform: translateY(-200%);
  }
  60% {
    transform: translateY(-312%);
    color: red;
  }
  75% {
    transform: translateY(-300%);
  }
  85% {
    transform: translateY(-412%);
    color: darkblue;
  }
  100% {
    transform: translateY(-400%);
  }
}

/* ENDING CHANGING NAME OF CONTENT*/

.dropdown-menu .dropdown-toggle::after {
  vertical-align: middle;
  border-left: 4px solid;
  border-bottom: 4px solid transparent;
  border-top: 4px solid transparent;
}
.dropdown-menu .dropdown .dropdown-menu {
  left: 100%;
  top: 0%;
  margin: 0 20px;
  border-width: 0;
}
.dropdown-menu .dropdown .dropdown-menu.left {
  right: 100%;
  left: auto;
}
@media (min-width: 768px) {
  .dropdown-menu .dropdown .dropdown-menu {
    margin: 0;
    border-width: 1px;
  }

  .dropdown-menu > li a:hover,
  .dropdown-menu > li.show {
    background: #f8f9fa;
    color: black;
  }
  .dropdown-menu > li.show > a {
    color: black;
  }
}

#back-to-top-btn2 {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 55px;
  height: 55px;
  border: 1px solid whitesmoke;
  background-color: white;
  border-radius: 50%;
}