.contentFull *, .contentFull *:before, .contentFull *:after {
  box-sizing: border-box; }

body {
  /*padding: 2rem;*/ }

main {
  max-width: 500px;
  margin: 0 auto; }

article {
  margin: 1rem 0; }

@supports (display: grid) {
  main {
    max-width: none;
    margin: 0; }
  article {
    margin: 0; }
  main {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(155px, 1fr));
    grid-gap: 1rem; } }

article {
  display: flex;
  flex-flow: column;
  text-align:center; }

article > img {
  order: -1;
  align-self: center; }
  
article img {
  align-self: center;
  max-width:100%; }

article {
  /*padding: 2rem;*/ }

article > h1 {
  margin: 1rem 1rem 0; }

article > ul {
  margin: 0 0 1rem; }

article > p {
  margin: 0.25em 1rem 1rem; }

main {
  font-family: Avenir, Roboto, Helvetica, san-serif;
  /*font-size: 80%;*/ }

article {
	border:1px solid #999;
	background: rgba(0, 0, 0, 0.45);
  /*border-radius: 1rem;*/ }

article > button {
  margin-top: auto;
  background: teal;
  color: white;
  padding: 0.5rem;
  border: none;
  border-radius: 1rem;
  font-size: 1.2rem; }