@charset "UTF-8";
/* CSS Document */

#content {
	height:18em;
}

img#btvoltar {
	margin-left:1.5em;
	margin-top:1em;
	width: 127.1px;
}

img#btback {
	margin-left:1.5em;
	margin-top:1em;
	width: 161.1px;
}

img#btretourne {
	margin-left:1.5em;
	margin-top:1em;
	width: 184.1px;
}

#center {
	font-family: 'Clicker Script';
	font-size:3.1em;
	color:#ea6e7e;
	width:11em;
	text-align:center;
	padding-top:1.5em;
	margin:0 auto;
}

@media only screen and (min-width: 320px) and (max-width: 365px) {
	
	img#btvoltar, img#btback, img#btretourne {
		margin-top: 4em;
		position: absolute;
	}
	
	
	img#btvoltar {
		width: 33%;
	}
	
	img#btback {
		width: 35%;
	}
	
	
	img#btretourne {
		width: 40%;
	}
	
	#center {
		width: 100%;
		margin: 0 auto;
		margin-bottom: -21%;
		font-size: 45px;
	}
	
	
}


@media only screen and (min-width: 366px) and (max-width: 413px) {
	
	img#btvoltar, img#btback, img#btretourne {
		margin-top: 4em;
		position: absolute;
	}
	
	
	img#btvoltar {
		width: 33%;
	}
	
	img#btback {
		width: 35%;
	}
	
	
	img#btretourne {
		width: 40%;
	}
	
	#center {
		width: 100%;
		margin: 0 auto;
		margin-bottom: -15%;
		font-size: 45px;
	}
	
	
}
	
@media only screen and (min-width: 414px) and (max-width: 479px) {
	  
	img#btvoltar, img#btback, img#btretourne  {
		margin-top: 4em;
		position: absolute;
	}
	
	img#btvoltar {
		width: 33%;
	}
	
	img#btback {
		width: 37%;
	}
	
	
	img#btretourne {
		width: 42%;
	}
	
	#center {
		width: 100%;
		font-size: 45px;
	}
	
}
	
@media only screen and (min-width: 480px) and (max-width: 599px) {
	
   img#btvoltar, img#btback, img#btretourne  {
		margin-top: 4em;
		position: absolute;
	}
	
	img#btvoltar {
		width: 31%;
		top:0 !important;
	}
	
	img#btback {
		width: 30%;
	}
	
	
	img#btretourne {
		width: 34%;
	}
	
	#center {
		width: 100%;
		font-size: 45px;
		margin-top: 8%;
	}
	
}

@media only screen and (min-width: 600px) and (max-width: 680px) {
	 
	img#btvoltar, img#btback, img#btretourne  {
		margin-top: 4em;
		position: absolute;
	}
	
	img#btvoltar {
		width: 31%;
		top: 0 !important;
	}
	
	img#btback {
		width: 30%;
	}
	
	
	img#btretourne {
		width: 34%;
	}
	
	
	header {
		height: 100%;
	}
	
	#center {
		padding-top: 3em;
	}
}

@media only screen and (min-width: 681px) and (max-width: 720px) {
	
	img#btvoltar, img#btback, img#btretourne  {
		margin-top: 4em;
		position: absolute;
	}
	
	img#btvoltar {
		width: 23% !important;
		top: 0 !important;
	}
	
	img#btback {
		width: 27%;
	}
	
	
	img#btretourne {
		width: 30%;
	}
	
	
	header {
		height: 100%;
	}
	
	#center {
		padding-top: 3em;
	}
}

@media only screen and (min-width: 721px) and (max-width: 790px) {
	
	img#btvoltar, img#btback, img#btretourne {
		margin-top: 5em;
		position: absolute;
		top:0 !important;
	}
	
	img#btvoltar {
		width: 19% !important;
	}
	
	img#btback {
		width: 22% !important; 
	}
	
	img#btretourne {
		width: 27% !important;
	}
	
	#center {
		padding-top: 3em;
	}
}

@media only screen and (min-width: 791px) and (max-width: 900px) {
	
	img#btvoltar, img#btback, img#btretourne {
		margin-top: 5em;
		position: absolute;
		top:0 !important;
	}
	
	img#btvoltar {
		width: 19% !important;
	}
	
	img#btback {
		width: 22% !important; 
	}
	
	img#btretourne {
		width: 27% !important;
	}
	
	#center {
		padding-top: 3em;
	}
}

@media only screen and (min-width: 901px) and (max-width: 1186px) {
	
	#content {
		height: auto !important;
	}
	
	img#btvoltar, img#btback, img#btretourne {
		margin-top: 5em;
		position: absolute;
	}
	
	img#btvoltar {
		width: 18% !important;
	}
	
	img#btback {
		width: 21%;
	}
	
	img#btretourne {
		width: 23%;
	}

	#center {
		padding-top: 3em;
	}
	
}