styles.css

html, body {
  margin: 0;
  padding: 0;
}

body {
  font-size: 100%;
  text-align: center;
  color: white;
}

* {
  box-sizing: border-box;
}

.wrapper {
  overflow: hidden;
  display: -webkit-flex;
  -webkit-justify-content: center;
}

.dunno {
  /*width: calc(8.9cm * 2 + 1cm * 4); */
  min-width: 562px;
  max-width: 562px;
}

section {
  width: 5.5cm;
  height: 8.9cm;
  margin: 1cm;
  float: left;
  page-break-inside: avoid;
  position: relative;
  border: 1px dotted #ccc;
  background: #91b401;
}

h1 {
  font-family: 'Pacifico';
  font-size: 140%;
  font-weight: normal;
}

h1 small {
  margin-top: 1cm;
  font-family: 'Ubuntu';
  font-size: 42%;
  display: block;
  font-weight: 100;
  text-transform: uppercase;
  letter-spacing: .5em;
  margin-left: .75em;
  color: white;
}

h2, h3 {
  font-family: 'Open Sans';
}

.flexy {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 94%;
  display: -webkit-flex;
  -webkit-align-items: center;
}

h2 {
  margin-top: 30px;
  font-weight: 600;
  font-size: 160%;
  text-transform: capitalize;
  padding: 0 .75cm;
  width: 100%;
}

h3 {
  font-weight: 200;
  font-size: 120%;
  position: absolute;
  width: 100%;
  padding: 0 .75cm;
  bottom: 1cm;
  left: 0;
}