/*Henrik Hedman*/
/*--- Bas ---*/
html, body {
    height: 100%;
}
body {
    margin: 0;
    background-color: #222233;
    color: #AACCFF;
}
/*flexbox*/
.centered {
  display: flex;
  padding: 0;
  margin: 0;
  list-style: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  align-content: center; 
  height:100%;
  width:100%;
}

p {
  font-family: 'Roboto', sans-serif;
  font-size: 18em;
  text-align: center;
}

@media (max-width: 1440px) {
	p {
		font-size: 16em;
	}
}
@media (min-width: 1024px) and (max-width: 1439px) {
	p {
		font-size: 12em;
	}
}
@media (min-width: 768px) and (max-width: 1023px){
	p {
		font-size: 9em;
	}
}
@media (min-width: 425px) and (max-width: 767px) {
	p {
		font-size: 5em;
	}
}
@media (min-width: 375px) and (max-width: 424px){
	p {
		font-size: 4em;
	}
}
@media (min-width: 320px) and (max-width: 374px) {
	p {
		font-size: 3em;
	}
}
@media (max-width: 319px) {
	p {
		font-size: 2em;
	}
}