/** Change colors here for backgrounds of sidebar and story **/
.sidebar {
	background-color: black; /* #cd684c;*/
}
.story {
	background-color: white; /*#f6c280;*/
}
p, a {
    color: #cd684c;
}

/** only change stuff below if you know what you're doing **/
body, html {
	height: 100%;
	margin-top: 0px; 
	margin-bottom: 0px; 
	margin-left: 0px; 
	margin-right: 0px;
	padding: 0;
}
.row {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	width: 100%;
}
.column {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}

.col-1 {
	flex: 100%;
}
.col-2 {
	flex: 50%;
}
.col-3 {
	flex: 33%;
}
.col-3-span-2 {
	flex: 66%;
}
.col-4 {
	flex: 25%;
}
.col-4-span-2 {
	flex: 50%;
}
.col-4-span-3 {
	flex: 75%;
}
.fullheight {
	min-height: 100%;
	width: 100%;
	height: 100%;
}
.timer {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
	color: white;
}
.timercounter {
	font-size: 6em;
	text-align: center;
}
.endimg {
	width: 70%;
}