.banner {
	margin-top: 0.5cm;
	float: left;
	height: 5cm;
	// margin-bottom: -1cm;
}

.meanie-img {
	// margin-top: 5cm;
	// float: left;
	height: 7cm;
	// margin-bottom: -1cm;
}

p {
	text-align: justify;
}

red {
	color: red;
	font-weight: bold;
}

blue {
	color: blue;
	font-weight: bold;
}

side-note {
	font-weight: normal;
	font-size: 0.8em;
}

// less spacing in lists
//li > p {
//	padding:        -1px;
//	padding-top:    -1px;
//	padding-bottom: -1px;
//	margin:         -1px;
//	margin-top:     -1px;
//	margin-bottom:  -1px;
//}

@media screen and (min-width: 768px) {
  html {
    font-size: 1.1em;
  }
  pre {
    font-size: 1.2em;
  }
  .container {
    max-width: 80rem;
  }
}