body {
	background-image: url('background.png');
	background-size: 50%;
	text-align: center;
	font-family: "Comic Sans MS", sans-serif;
	color: white;
	background-color: #1c1c1c;
}
a {
    color: #a645ff;
}
a.offscreen {
	position: absolute;
	left: -1000px;
	top: -1000px;
}
a.offscreen:focus, a.offscreen:active, a.offscreen:hover {
	position: absolute;
	left: 0px;
	top: 0px;
}
.banner {
    img {
        max-width: 100%;
    }
}
article.non-art {
	text-align: left;
	padding: 5%;
}
@media screen and (min-width: 800px) {
    .column {
        float: left;
    }
    .column.left {
        width: 24%;
        text-align: right;
				margin-top: 3%;
				margin-right: 1%;
    }
    .column.center {
        width: 50%;
    }
    .row::after {
        content: "";
        display: table;
        clear: both;
    }
}
.column.center {
    img {
        max-width: 90%;
    }
    video {
        max-width: 90%;
    }
}