go-http-skeleton/web/static/css/site.print.css

.action,
#backToTop,
#mainMenu,
.modal,
.optional,
#socialMedia {
	display:none;
}

figure, blockquote {
	padding:0;
	margin:0;
}

body, button, input, table, textarea, select {
	font-size:12pt;
	line-height:1.75;
	font-family:flowtext,sans-serif;
}

body {
	max-width:7.5in;
	margin:0 auto;
}

a {
	color:#000;
	text-decoration:none;
}

header {
	margin-bottom:1rem;
}

p {
	margin:0 0 1rem;
}

li {
  margin-bottom:0.5rem;
}

h2 {
	font-size:24pt;
	font-weight:normal;
	margin:0 0 0.5rem;
}

h1,
.hero h2 {
	margin:0;
	line-height:1.2;
}

h3 {
	font-size:16pt;
	font-weight:normal;
	margin:0;
}

main > section {
	padding-bottom:1.75rem;
}

main > section header p {
  font-size:14pt;
}

.hero header p {
	margin-top:0;
}

.hasPlate,
.cards {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	gap:1rem 2rem;
}

.hasPlate > figure {
	flex-grow:0;
	width:min(12rem, 100%);
	text-align:center;
}

.hasPlate > figure img {
	width:100%;
	height:auto;
	border-radius:1rem;
}

.hasPlate > div {
	width:1%;
	flex-grow:1;
}

.cards > * {
	width:calc(50% - 1rem);
	break-inside:avoid;
}

.cards > * > *:last-child {
  margin-bottom:0;
  padding-bottom:0;
}

#whatIDo h3[class*="icon_"]:before {
	font-size:36pt;
	margin-right:0.5rem;
}

#testimonials figcaption {
  font-size:14pt;
  margin-bottom:0.5rem;
}

#testimonials figcaption img {
  display:inline-block;
  vertical-align:middle;
  width:3rem;
  height:3rem;
  margin-right:0.25rem;
  border-radius:50%;
}

#whatIDo ul,
#testimonials blockquote {
  font-size:10pt;
}

.note {
  text-align:center;
}

#fauxBody > footer {
  text-align:center;
}