/* -- <p_000_13 bonus> -- */
p {
line-height: 2em;
margin-bottom: 3em; 
}

canvas {
float: left;
box-shadow: 8px 8px 10px #aaa;
margin-right: 2em; 
margin-bottom: 1em;
margin-top: .5em;
width: 25%;
}

/* 1 em = 16 px */
/* 37.5em = 600 px = mobil */
@media only screen and (min-width: 37.5em) {
canvas {
width: 12.5%;
}
}

/* 56.25em = 900 px = tablet */
@media only screen and (min-width: 56.25em) {
canvas {
width: 10%;
}
}

/* 75em = 1200 px = desktop */
@media only screen and (min-width: 75em) {
canvas {
width: 7.5%;
}
p {
line-height: 2.75em;
}
}

/* 100em = 1600 px = tv */
@media only screen and (min-width: 100em) {
canvas {
width: 5%;
}
p {
line-height: 4em;
}
}