body {
	margin: 0;
	overflow-x: hidden;
}

section {
	position: relative;
	z-index: 1;
	background: #FF69B4;
}

section:nth-last-child(2) {
	margin-bottom: 50vmin;
}

section > div {
	padding: 22vmin 12vmin;
	max-width: 1000px;
	margin: 0 auto;
}

h1, h2, p, a, #copyright {
	font-family: Arial, sans-serif;
}

p {
	font-size: 2vmax;
	color: #fff2f9;
	margin: 2.5vmax 0;
}

p.photo {
	text-align: center;
	margin-bottom: 14vmin;
}

p.photo img {
	max-width: 76vmin;
	box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
	border: 0;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

#header, #photo {
	z-index: 10;
	box-shadow: 0 1vh 10vh -2vh #000;
}

#header {
	height: 100vh;
	background: #cfd5d9 url('veninderne-bg.jpg') center top/cover no-repeat;
}

#header h1 {
	position: absolute;
	bottom: 15%;
	width: 100%;
	text-align: center;
	font-size: 11vw;
	text-transform: uppercase;
	color: #FF69B4;
	text-shadow: 0.2vw 0.2vw 1.5vw #333;
	margin: 0;
}

#photo {
	height: 100vmin;
	background: url('veninderne-2.jpg') center/cover no-repeat;
}

#footer {
	position: fixed;
	bottom: 0;
	height: 50vmin;
	width: 100%;
	z-index: 0;
	background: #fff2f9;
}

#footer > div {
	text-align: center;
	padding: 18vmin 0 0;
}

#footer #copyright {
	position: absolute;
	bottom: 4%;
	width: 98%;
	padding: 0;
	font-size: 1.3vmax;
	text-align: right;
	max-width: none;
}

#footer h2,
#footer a,
#footer #copyright {
	color: #FF69B4;
	margin: 0;
}

#footer h2 {
	font-size: 2.5vmax;
	text-transform: uppercase;
	margin-bottom: .2vmax;
}

#footer p {
	margin: 0;
}

#footer a {
	font-size: 2vmax;
}

#some {
	margin-top: 5vmin;
}

#some a {
	padding: 2vmin 2vmin;
}

#some svg {
	height: 5vmin;
	width: 5vmin;
}

#some svg path {
	fill: #FF69B4;
}

#footer p a:hover,
#some a:hover svg path {
	color: rgba(255, 105, 180, .7);
	fill: rgba(255, 105, 180, .7);
}

@media (orientation: portrait) {
	
	#header {
		background-position: calc(50% + 9%) bottom;
		background-size: 130%;
	}

	p {
		font-size: 4vw;
	}

}

@media (max-aspect-ratio: 3/4) {
	
	#header h1 {
		top: 15%;
		bottom: auto;
		text-shadow: 0.2vw 0.2vw 2vw #fff2f9;
	}

}
