/* Styles... */
body{
	background-color: pink;
}

.text{
	display: flex;
	/*background-color: green;*/
	position: absolute;
	top: 28%;
	left: 45%;
}

h1{
	font-size: 16em;
	font-family: 'Francois One', sans-serif;
	
}

.dont{
	display: none;
}

@media (min-width:850px){
	.text{
		left: 15%;
	}
	.dont{ 
		display:block;
		padding: 0 4em;
	}
}

.know{
	display: none;
}

@media (min-width: 1500px){
	.text{
		left: 10%;
	}
	.know{
		display:block;
		padding: 0em 1em;
	}
}

.subtitle{
	position: absolute;
	top: 60%;
	display: none;
/*	background-color: aqua;*/
	width: 100%;
}

h2{
	font-family: 'Francois One', sans-serif;
	font-size: 5em;
	text-align: center;
}

@media (min-width: 1900px){
	.subtitle{
		display: inline-block;
		
	}
}