html, body {
	background: #eee;
	font-family: "Open Sans", serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	line-height: 1.33em;
	margin: 0;
	padding: 0;
	}
	header {
		font-family: "Oswald", serif;
		font-weight: 700;
		height: 0vh;
		width: 100vw;
	}
	main {
		width: 100vw;
	}
		#cover {
			align-items: center;
			background: #000;
			display: flex;
			font-weight: 900;
			height: 100vh;
			justify-content: center;
			overflow: hidden;
			position: relative;
			width: 100vw;
		}
			#patient {
				height: 100%;
				pointer-events: none;
				position: absolute;
				z-index: 1;
				}
			#cover-video {
				mix-blend-mode: multiply;
				pointer-events: none;
				position: absolute;
				right: 10vw;
				width: 80vw;
				z-index: 2;
				}
			#cover-image, #hands {
				display: none;
			}
		 @media (max-width: 900px) {
			#patient, #cover-video {
				display: none;
			}
			#cover-image {
				display: block;
				mix-blend-mode: multiply;
				position: absolute;
				pointer-events: none;
				right: 10vw;
				width: 80vw;
				z-index: 2;
			}
			#hands {
				display: block;
				pointer-events: none;
				position: absolute;
				z-index: 1;
				min-height: 100%;
				min-width: 100%;
				top: 0;
				left: 0;
			}
		}
		#stories {
			clear: both;
			color:#000;
			column-count: 3;
			margin:1em 10vw;
			position: relative;
			width: 80vw;
		}
		 @media (max-width: 900px) {
			#stories {
				column-count: 1;
			}
		}
			article {
				background: #fff;
				break-inside: avoid;
				display: block;
				margin: 0 0 1em;
			}
				article h2 {
					display: -webkit-box;
					width: calc(100% - 1em);
					-webkit-line-clamp: 2;
					-webkit-box-orient: vertical;
					overflow: hidden;
					background: #a00;
					border: 0.5em solid #a00;
					color: #fff;
					font-family: "Oswald", serif;
					font-size: 1.5em;
					font-weight: 700;
					line-height: 1.33em;
					margin: 0;
					padding: 0;
					text-transform: uppercase;
				}
				article p {				
					display: -webkit-box;
					width: calc(100% - 2em);
					-webkit-line-clamp: 6;
					-webkit-box-orient: vertical;
					overflow: hidden;
					font-size: 0.8em;
					margin: 0.5em 1em;
					padding: 0;
				}
				article img {
					max-width: 100%;
					margin: 0 0 -0.5em;
				}
				article a {
					border-top: 1px solid #ccc;
					font-family: "Oswald", serif;
					font-size: 0.8em;
					font-weight: 700;
					display: block;
					padding: 0.5em 0.75em;
					text-align: right;
					text-decoration: none;
					text-transform: uppercase;
				}
	footer {
		height: 0vh;
		width: 100vw;
	}