@charset "utf-8";

div.hidelayer {
	width: 100%;
	height: 650px; /* adjust with bottom lines */
	overflow: auto;
}

/* hr.bottom-line {
	border: 1.3px solid black;
	position: fixed;
	top: 150px;
	left: -20px;
} */

i.gray {
	color: gray;
}

p.header {
	margin: 0;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 80px;
	float: left;
}

p.header-supply {
	margin: 0;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 20px;
	float: left;
	position: relative;
	top: 65px;
	left: 10px;
}

p.header-underline {
	margin: 0;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 80px;
	position: relative;
	bottom: 100px;
}

p.subheaders {
	margin: 0;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 21px;
	position: relative;
	bottom: 100px;
}

p.subtext {
	margin: 0;
	margin-bottom: 10px;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 18px;
	position: relative;
	bottom: 100px;
	
}

p.subtext-expand {
	margin: 0;
	margin-bottom: -30px;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 18px;
	position: relative;
	bottom: 135px;
	/* right: -112px; /* ###HELP### hvordan gør jeg dette uden at lave en scrolle-bar? jeg tænker jeg er nødt til at lave en flexbox, men er der ikke en anden måde? */
}

p.topic-headers {
	margin: 0px;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 21px;
	position: relative;
	bottom: 100px;
}

p.topic-subtexts {
	margin-top: 0px;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 18px;
	position: relative;
	bottom: 100px;
}

img.subheaders { 
	position: relative; /* relative to the position it is already at. use "absolute" to do it in relation to the website screen, e.g. at the top left of the page, above anything that is at that position already like text. use "fixed" to have it be fixed at that position regardless of scrolling (the image moves with you). use "sticky" to have the "fixed" effect once you have scrolled down to the image (it will stick upon further scrolling. you can't make it stop in this code) */
	/* moves image #px from the top */
	top: -95px; 
	margin-right: 10px;
	margin-bottom: 50px;
	z-index: 1; /* this is the layer the image would be at, should it go above anything else with "absolute" */
	float: left; /* this moves the element to the right and allows the unused space to be taken up by text (think of an image using a whole block then followed by text at the bottom right, versus what you see now) */
}

img.topic-subheaders { 
	position: relative; /* relative to the position it is already at. use "absolute" to do it in relation to the website screen, e.g. at the top left of the page, above anything that is at that position already like text. use "fixed" to have it be fixed at that position regardless of scrolling (the image moves with you). use "sticky" to have the "fixed" effect once you have scrolled down to the image (it will stick upon further scrolling. you can't make it stop in this code) */
	/* moves image #px from the top */
	top: -95px; 
	margin-right: 10px;
	z-index: -1; /* this is the layer the image would be at, should it go above anything else with "absolute" */
	float: left; /* this moves the element to the right and allows the unused space to be taken up by text (think of an image using a whole block then followed by text at the bottom right, versus what you see now) */
}

p.bottom-line {
	margin: 0;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 50px;
	position: fixed;
	top: 600px;
	left: -20px;
}

p.bottom-text {
	margin: 0;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 30px;
	position: fixed;
	top: 670px;
	left: 10px;
}

p.bottom-subtext {
	margin: 0;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 18px;
	position: fixed;
	top: 680px;
	left: 110px;
}

a.bottom-subtext {
	text-decoration: none;
}

p.bottom-subtext-supply {
	margin: 0;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 12px;
	position: fixed;
	top: 685px;
	left: 345px;
}