/* Let CTA button rows wrap instead of overflowing on narrow screens
   (the template's ul.actions is a non-wrapping flex row by default). */
ul.actions {
	flex-wrap: wrap;
}

.profile-pic {
	float: right;
	width: 220px;
	max-width: 40%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	border-radius: 50%;
	margin: 0 0 1.5rem 2rem;
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.18);
	border: 4px solid #fff;
}
@media screen and (max-width: 736px) {
	.profile-pic {
		float: none;
		display: block;
		margin: 0 auto 1.5rem auto;
		max-width: 200px;
		width: 60%;
	}
}