index.responsive.css

@media (min-width: 576px) {
  .main-title {
    display: flex;
    flex-direction: column;
  }
}


@media (min-width: 768px) {
  .container-contents {
    padding: 1rem 4rem;
  }

  .container-labels {
    height: calc(100vh - 120px);
  }

  .label-box {
    width: 50%;
  }

  .track-careers > ul {
    grid-template-columns: repeat(2, 1fr);
  }

  .footer__content1 {
    justify-content: flex-start;
  }

  .container-info {
    width: 48%;
  }
}


@media (min-width: 1024px) {
  .track-careers > ul {
    grid-template-columns: repeat(3, 1fr);
  }
}


@media (min-width: 1200px) {
  .main-title {
    font-size: 3rem;
  }

  .track-careers > ul {
    grid-template-columns: repeat(4, 1fr);
  }
}


@media (min-width: 1400px) {
  .main-title {
    font-size: 3.75rem;
  }

  #tag, 
  .label__text {
    font-size: 1.55rem;
  }

  .track-careers > h2 {
    font-size: 3rem;
  }

  .track-careers>p, 
  .track-careers>ul {
    font-size: 1.45rem;
  }
  
  .track-careers>ul {
    font-size: 1.3rem;
  }
}