body {
  background-color: black;
  display: flex;
  flex-direction: column;
  justify-items: center;
}

nav {
  display: flex;
  grid-column: auto / span 12;
  flex-wrap: wrap;
}

a {padding: 0px 15px 0px 15px; text-decoration: none;}
a:hover {color: deeppink;}
p, a {color: pink;}

header {grid-column: auto / span 12;}


main {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  width: 50vw;
}

.image-col {
  grid-column: auto / span 4;
  display: flex;
  flex-direction: column;
  padding: 10px;
}

.col-photo img {width: 100%; padding: 10px;}

@media only screen and (max-width: 750px) {
  main {width: 90vw;}
}