@charset "utf-8";

@media screen and (max-width: 1000px ){ /* when the max width is less than 1000px (phone/tablet display) */ /* ###HELP### 
	1) er der er måde at tjekke om det er mobil eller pc? ellers kan være irriterende hvis man justerer størrelsen på desktop og den går over til mobil-mode. 
	2) generelt har brug for hjælp med at transformere hele websiden til mobil-format.. menuer, knapper, pop-ups, "where are you"-menu display, nok også mere..? */
	p.header {
		margin: 0;
		font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
		font-size: 400px;
		width: 1000px;
		word-wrap: break-word; /* ###HELP### hvordan får jeg teksten til at wrappe, eller skal jeg lave en hel ny html? "folie" kommer jo til at wrappe e'et til sidst... */
	}
	p.underline {
		width: 100%; /* fits to the screen */ /* ###HELP### den fylder ikke til skærmstørrelsen */
	}
	/*.flexbox {
		flex-direction: column; /* set the row to be a column instead (vertical) */
	/*}*/
}