.navbar, body, html {
    background-color: rgb(250, 250, 250);/*rgb(241, 230, 230);*//*rgba(255, 86, 48, 98%);*/
    color: rgb(250, 250, 250);
    font-family: Montserrat;
}

h1 {
    font-weight: 600 !important;
}

.transitionTitle {
    transform: translate3d(0px, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
}
.section {
    /* height: 100vh; */
    margin-top: 6rem !important;
}

#imgs {
    position: relative;
    top: 0;
    left: 0;
}

#dashboard {
    position: relative;
    top: 0;
    left: 0;
}

#store1 {
    position: absolute;
    top: 30px;
    left: 50px;
}

.slider {
    overflow: hidden;
    height: 55px;
}

.slider div {
    box-sizing: border-box;
    /* margin-bottom: 40px; */
}

.slider-text-1 {
    animation: slide 5s linear infinite;
}

#joinBtn {
    background-color: rgba(255, 86, 48, 98%);
    color: rgb(250, 250, 250);
}

.slider .title {
  color: rgba(255, 86, 48, 98%);
}

  
@media only screen and (min-width:0px) and (max-width:390px){
    .slider{
        height: 2.5rem
    }
    .slider div{
        margin-bottom: 5.1rem !important;
    }
  }

  @media only screen and (min-width:391px) and (max-width:769px) {
    .slider{
        height: 1.5rem
    }
    .slider div{
        margin-bottom: 5.1rem !important;
    }
  }

  @media only screen and(min-width:770px){
    .slider{
        height: 55px;
    }
  }



@keyframes slide {
    0% {
      margin-top: -300px;
    }
    5% {
      /* For stopping effect */
      margin-top: -200px;
    }
    33% {
      margin-top: -200px;
    }
    38% {
      /* For stopping effect */
      margin-top: -100px;
    }
    66% {
      margin-top: -100px;
    }
    71% {
      /* For stopping effect */
      margin-top: 0px;
    }
    100% {
      margin-top: 0px;
    }
}