#outer {
  overflow: hidden;
  margin-top: -225px;
}

#outer div {
  display: inline-block;
}

#loop {
  white-space: nowrap;
  animation: loop-anim 30s linear infinite;
}

#content-loop-text {
  font-family: "Graphit", open-sans;
  font-size: 125px;
  font-weight: bold;
  color: #fbebeb;
}

@keyframes loop-anim {
  0% {
    margin-left: 0;
  }
  100% {
    margin-left: -50%; /* This works because of the div between "outer" and "loop" */
  }
}

@media (min-width: 1024px) and (max-width: 1366px) {
  #outer {
    margin-top: -185px;
  }

  #content-loop-text {
    font-size: 110px;
  }
}

@media (min-width: 0px) and (max-width: 767px) {
  #outer {
    margin-top: -138px;
  }

  #content-loop-text {
    font-size: 45px;
  }
}