@media only screen and (max-width: 768px) {
    .header-container {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
      flex-direction: column;
      align-items: center;
    }
    .header-links {
      display: block;
      text-align: center;
      margin-top: 1rem;
     
    }
    .title {
      padding-left: 0;
      text-align: right;
    }
  }
  

  .twitter-link {
    transform: scale(1.5);
    animation: grow-shrink 1.5s ease-in-out infinite;
  }
  
  @keyframes grow-shrink {
    0% {
      transform: scale(1);
    }
    50% {
      transform: scale(1.5);
    }
    100% {
      transform: scale(1);
    }
  }



  .left-col {
    border-left: 0.7px solid;
  }