/*=== LOOP ===*/
#main-loop{
    position: relative;
    overflow: hidden;
    height: 180px;
    margin-left: calc(-50vw + 50%);
    width: 100vw;
   /* margin-top:2%; */ 
}

#loop{
    display: flex;
    position: absolute;
    /*top: 30%;
    height: 25%;*/
    width: 100%;
    font-size: 120px;
    white-space: nowrap;
}
#loop>h1{
    font-size: 120px;
    font-weight: 400;
    animation-name: anim;
    animation-duration: 15s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@keyframes anim{
    0%{
        transform: translateX(0%);
    }
    100%{
        transform: translateX(-100%);
    }
}

@media (max-width: 576px) {
  #main-loop {
    height: 60px;
    padding-top: 20px;
  }
  #loop > h1 {
      font-size: 23px;
  }
}