/* css styles */

/* overall width */
main {
  max-width: 850px;
}

/* body font */
body {
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-size: 17px;
}

/* headings */
h1, h2, h3 {
  font-weight: 500;
}

/* links */
a {
  text-decoration: none;
}

/* navigation */
.navbar {
  border-bottom: 1px solid #ddd;
}

/* Profile image */
.profile-photo {
  border-radius: 50%;
}

/* Mobile layout */
@media (max-width: 768px) {

  .columns {
    display: flex;
    flex-direction: column;
  }

  .column {
    width: 100% !important;
  }

.profile-photo {
  width: 220px;
  max-width: 100%;
  height: auto;
}
}