/*ripple effect*/

    .tx--white {
        color: #000;
    }

[ripple] {
  position: relative;
  overflow: hidden;
}
[ripple] .ripple--container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
[ripple] .ripple--container span {
  transform: scale(0);
  border-radius: 100%;
  position: absolute;
  opacity: 0.30;
  background-color: #000;
  animation: ripple 1000ms;
}
@-moz-keyframes ripple {
  to {
    opacity: 0;
    transform: scale(2);
  }
}
@-webkit-keyframes ripple {
  to {
    opacity: 0;
    transform: scale(2);
  }
}
@-o-keyframes ripple {
  to {
    opacity: 0;
    transform: scale(2);
  }
}
@keyframes ripple {
  to {
    opacity: 0;
    transform: scale(2);
  }
}

/*navbar*/

.navbar{
  background: #fff !important;
}

.navbar .navbar-brand{
  color: #000 !important;
}

.navbar-nav .active a{
  color: #636e72 !important;
}

.navbar-nav .nav-item .nav-link{
  color: black;
}
.navbar-nav .nav-item .nav-link:hover{
  color: gray;
}

.dropdown-menu {
  background: white;
}
.dropdown-menu .dropdown-item{
  color: black;
  transition: all 0.2s;
}

.dropdown-menu .dropdown-item:hover{
  background: #C3DDDA;
  color: #000;
}

.navbar-toggler-icon{
  color: #000 !important;
}

.navbar-dark .navbar-toggler{
  border-color: #000000 !important;
}
@media screen and (max-width: 480px) {
  .mylogo {
    height: auto;
    max-width: 70%;
  }
  .navbar{
    padding: 0px;
    margin:0px;
}
}