@media (max-width: 768px) {
  header {
    margin-top: 0px;
  }

  .header-container {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding-bottom: 40px;
  }

  .header-text>h1,
  .header-text>p {
    text-align: center;
  }

  .header-text {
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
  }

  .divider {
    width: 350px;
    margin: 20px 0px 20px 0px;
  }

  .portfolio-item {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column !important;
    transform: skew(-180deg, 5deg);
    margin-top: 20px;
  }

  .portfolio-item-details {
    max-width: 500px;
    margin-left: 0px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }

  #portfolio-2,
  #portfolio-3 {
    margin-top: 0px;
  }

  #openmind-img,
  #fridge-img,
  #sketch-img {
    margin: 0px;
  }

  .skills-icons {
    grid-template-columns: 1fr 1fr 1fr !important;
  }

  #sketch-mweb {
    display: block;
  }

  #sketch-web {
    display: none;
  }

  #header-mweb {
    display: flex;
  }

  #header-web {
    display: none;
  }
.experience-section {
  flex-direction: column !important;
  margin-top: 30px;
}

.experience-item-details {
  margin-left: 0px !important;
}

.experience-images {
  flex-direction: column;
}
}