/** Try redoing as column-based flex */
/** Wrapper */
.flex-wrapper { padding-right: 5px; padding-left: 5px; }

div.flex-container { padding: 0; margin: 0; list-style: none; border: none; -ms-box-orient: horizontal; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; flex-flow: row wrap; justify-content: space-between; }

.photo-bundle { display: flex; flex-flow: column wrap; max-width: 100%; }

div.photo-bundle { flex-grow: 1; border-bottom: 1px solid black; }

a.photo-bundle { padding: 0px; }

a.photo-bundle h2, a.photo-bundle p { float: left; }

@media screen and (min-width: 1024px) { .flex-wrapper { padding-right: 30px; padding-left: 30px; } img.photo-bundle { height: 30vh; object-fit: cover; } a.photo-bundle { padding: 5px; } a.photo-bundle h2, a.photo-bundle p { max-width: 40vw; } div.photo-bundle { flex-grow: 1; border-bottom: none; } }

/*# sourceMappingURL=portfolio.css.map */