:root {
	--sign:crimson;
}

body {
	font-family: freight-text-pro, serif;
	font-size: 60px;

}

a {
	color:red;
}

.signSymbol {
	font-family: Segoe UI Symbol;
}

/*

Inspired by: https://twitter.com/BNArchive/status/948601199254736896/photo/1

*/

#background {
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:-1;

	background:var(--sign);
	opacity:0.5;
}


.poster {
	z-index:3;

	max-width:80vw;
	min-height:130vh;

	margin:auto;
	margin-top:10vw;
	margin-bottom:10vw;

	padding:20px;

	border:1px solid black;
	box-shadow: 5px 5px 12px 2px rgba(0,0,0,0.3);

	background:#fff;
}


#info {
	width:100%;

	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
	align-items: center;

	text-align:center;
	text-transform:uppercase;
}

.info-block {
	padding-top:1vw;
	padding-bottom:1vw;
	flex-grow:1;
}

.info-block:nth-child(odd) {
	width:18%;

	border-top:1px solid black;
	border-bottom:1px solid black;

	font-size:1.5vw;
	font-weight:bold;
	letter-spacing:0.05em;
}

.t-sub {
	width:60%;

	font-family: amador, serif;
	font-size:4vw;
	text-transform:capitalize;
}

.t-date {
	flex-grow:3;
	width:100%;

	margin-top:1em;

	border-top:3px double black;
	border-bottom:3px double black;

	padding:0.5em;

	font-size:16px;
	word-spacing:0.15em;
}

.sentence {
	position:relative;
	margin:15px;
	top:50vh;
	max-width:90vw;

	font-weight:bold;
	font-size:100px;
	text-align:left;
	line-height:0.8em;
	color:black;
}

.heading {
	margin-top:0.4em;


	font-family:freighttextcmp-pro, serif;
	font-weight:900;
	font-size:6vw;
	text-transform:uppercase;
	text-align:justify;
	letter-spacing:0.05em;
	line-height:0.3em;
	font-stretch: extra-condensed;
}

.space {
	display:inline-block;
	height:0.25em;
	width:100%;
}


.columns {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:top;
	grid-gap:0.75vw;
}

.tall {
	max-height:75vh;
}

.medium {
	max-height:50vh;
}

.small {
	max-height:25vh;
}

.col {

	flex-grow:1;

	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;

}

.w1-3 {
	width:30%;
}

.border-left {
	border-left:1px solid black;
	padding-left:0.75vw;
}

.border-right {
	border-right:1px solid black;
	padding-right:0.75vw;
}

.article {
	margin-bottom:20px;
	overflow-y:scroll;
	position:relative;

	padding-bottom:20px;

}

/*.article:after {
	content:"";
	position:absolute;
	top:0; left:0; right:0; bottom:0;
	box-shadow:inset 0px -50px 30px -30px white;
}*/

.innershadow {
	position:relative;
	width:100%;
}

.innershadow:after {
	content:" ";
	position:absolute;
	top:-49px;
	height:30px;
	width:100%;
	overflow:hidden;
	background:linear-gradient(to top, white 20%, rgba(255, 255, 255, 0) 100%);
}

h1 {
	font-family:freighttextcmp-pro, serif;
	font-weight:700;
	font-size:3vw;
	text-align:justify;

	margin-bottom:0.25em;
}

h2 {
	font-family:freight-text-pro, serif;
	font-weight:bold;
	font-size:1.5vw;
	font-style:italic;
	text-align:justify;

	margin-bottom:0.5em;
	margin-top:0.5em;
}

h3 {
	font-family:freight-text-pro, serif;
	font-weight:bold;
	font-size:1vw;
	font-style:italic;
	text-align:justify;

	margin-bottom:1em;
	margin-top:0.5em;
}

p {
	font-family:freight-text-pro, serif;
	font-size:1vw;
	text-align:justify;
	margin-bottom:0.5em;
	margin-top:0.5em;
	text-indent:1em;
}

.fakeimg {
	width:100%;
	border:1px solid black;
	height:3em;

	display:flex;
	justify-content:center;
	align-items:center;

	font-size:10vw;

	background:rgba(0,0,0,0.1);
}

.advert {
	margin-top:15px;
	border:1px dotted black;
	height:15vh;
	width:100%;

	overflow-y:scroll;
	overflow-x:hidden;

	font-size:1.25vw;
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
	line-height:1.3em;

	padding:10px;
}

.admargin {
	margin-top:1em;
	margin-bottom:2em;
}