/* Quicksand Light
font-family: quicksand, sans-serif;
font-weight: 300;
font-style: normal;


Quicksand Bold
font-family: quicksand, sans-serif;
font-weight: 700;
font-style: normal;


Quicksand Regular
font-family: quicksand, sans-serif;
font-weight: 400;
font-style: normal;


Quicksand Medium
font-family: quicksand, sans-serif;
font-weight: 500;
font-style: normal; */

:root {
	--white: #FFFBF6;
	--black: #272727;
	--peachpink: #fe9785;
}

h1 {
	font-family: quicksand, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 10rem;
}

h2 {
	font-family: quicksand, sans-serif;
	font-weight: 700;
	font-style: normal;
}

p {
	font-family: quicksand, sans-serif;
	font-weight: 300;
	font-style: normal;
}

* {
	margin: 0;
	padding: 0;
}

html {
	background-color: var(--white);
	color: var(--black);
	margin: auto;
}

.fejl h1 {
	color: #fe9785;
}

/* COMPUTER */
@media only screen and (min-width: 600px)  {
	
	header {
		display: flex;
		justify-content: center;	
	}
	
	#logo {
		width: 6rem;
		margin: 1rem;
	}

	.fejl {
		margin-left: 10rem;
		margin-top: 5rem;
		margin-bottom: 5rem;
		display: flex;
		flex-direction: row;
		align-content: space-around;
	}

	.fly {
		width: 15rem;
		margin: 5rem;
	}

	.detandet {
		border: 1px solid var(--peachpink);
		background-color: var(--peachpink);
		border-radius: 100%;
		height: 550px;
		width: 550px;
		display: flex;
		flex-direction: column;
		text-align: center;
		margin-left: 15rem;
	}

	.detandet h2 {
		margin-top: 48%;
		margin-left: 50%;
		transform: translate(-50%, -50%);
		color: var(--white);
	}

	.detandet p {
		margin-left: 50%;
		transform: translate(-50%, -50%);
		color: var(--white);
	}

}

/* MOBIL */
@media only screen and (max-width: 600px)  {
	header {
		display: flex;
		justify-content: center;	
	}
	
	#logo {
		width: 6rem;
		margin: 1rem;
	}
	
	.fejl {
		display: flex;
		flex-direction: column;
		text-align: center;
		margin-top: 5rem;
		margin-bottom: 5rem;
	}

	.fly {
		display: none;
	}

	.detandet {
		border: 1px solid var(--peachpink);
		background-color: var(--peachpink);
		border-radius: 100%;
		height: 20rem;
		width: 20rem;
		display: flex;
		flex-direction: column;
		text-align: center;
		margin: 0 auto;
	}

	.detandet h2 {
		margin-top: 48%;
		margin-left: 50%;
		transform: translate(-50%, -50%);
		color: var(--white);
	}

	.detandet p {
		margin-left: 50%;
		transform: translate(-50%, -50%);
		color: var(--white);
	}


}