@media only screen and (max-width: 46.1875em) {
  .left-column {
    display: none;
  }

  .right-column_container::before {
    left: 0;
  }

  .right-column {
    margin: 0;
    width: 100%;
  }

  .right-column_container {
    margin: 0;
    padding: 88px 20px 64px;
  }

  .company-time {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }

  html {
    font-size: 58%;
  }

  .header-mobile {
    display: flex;
  }

  .about-name {
    font-size: 3.2rem;
  }

  .skill-grid {
    grid-template-columns: 1fr;
  }

  .company-item {
    padding: 20px;
  }

  .company {
    font-size: 1.7rem;
  }

  .language-item {
    width: 60px;
    height: 60px;
    font-size: 2.6rem;
  }

  .language-switcher:not(.language-switcher--mobile) {
    display: none;
  }

  .language-switcher--mobile {
    display: block;
  }
}

@media only screen and (min-width: 46.25em) and (max-width: 63.9375em) {
  .left-column {
    display: none;
  }

  .right-column_container::before {
    left: 0;
  }

  .right-column {
    margin: 0;
    width: 100%;
  }

  .right-column_container {
    margin: 0;
    padding: 88px 32px 64px;
  }

  .company-time {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }

  html {
    font-size: 60%;
  }

  .header-mobile {
    display: flex;
  }

  .skill-grid {
    grid-template-columns: 1fr;
  }

  .language-switcher:not(.language-switcher--mobile) {
    display: none;
  }

  .language-switcher--mobile {
    display: block;
  }
}

@media only screen and (min-width: 64em) and (max-width: 1112px) {
  :root {
    --sidebar-width: 240px;
  }

  .right-column_container {
    padding: 40px 40px 64px;
  }

  .avatar-img {
    width: 120px;
    height: 120px;
  }

  .left-column_nav a {
    font-size: 1.2rem;
    padding: 8px 16px;
  }
}