body {
    padding: 0;
    margin: 0;
}

/* Make all images shrink on small screens */
img {
  max-width: 100%;
  height: auto;
}

/* Allow navbar content to wrap on small screens */
nav {
  flex-wrap: wrap;
}

/* Make nav items wrap, but keep same design */
nav ul {
  flex-wrap: wrap;
}

/* Hero section image + text */
@media (max-width: 768px) {
  main section {
    flex-wrap: wrap;
  }
}


/* Skills section – allow icons to wrap */
section:nth-of-type(2) div:last-of-type {
  flex-wrap: wrap;
}

/* Review / testimonials cards */
section:nth-of-type(5) > div {
  flex-wrap: wrap;
}

/* Footer – stack on small screens, but keep same styling */
footer {
  flex-wrap: wrap;
}

/* Inputs fit small screens */
footer input {
  max-width: 100%;
}