@font-face {
	font-family: 'Berlin Sans FB Regular';
	src: url(../fonts/Berlin-Sans-FB-Regular.woff);
  }

  @font-face {
	font-family: 'The Bold Font';
	src: url(../fonts/theboldfont.woff);
  }

html {
	scroll-behavior: smooth;
}

html body {
	height: 100vh;
	font-family: 'Berlin Sans FB Regular', Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	color:#FFFFFF;
	background-color: #1b1b1b;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	align-items: center;
	background-image: url(../img/images/bg-LauncherStudios.png);
}

img {
	margin-top: 5%;
	max-width: fit-content;
}

h1 {
	font-family: 'The Bold Font', Arial, Helvetica, sans-serif;
	font-size: 2.8em;
	margin-bottom: 5%;
}

p {
	text-align: center;
	font-size: 1.3em;
}

a {
	color: #dd0000;
}

footer p {
	margin-top: 100%;
	max-width: 100%;
}

@media screen and (min-width: 1200px) {
	body > p {
		max-width: 33%; 
	}
}

@media screen and (min-width: 720px) {
	p {
		font-size: 1.3em;
	}
}

@media screen and (min-width: 320px) {
	body > p {
		max-width: 80%; 
	}
	p {
		font-size: 1.1em;
	}
}