* {
	font-family:Arial, Heuvetica;
}
body {
	margin:0;
	padding:0;
}
.areatrabalho {
	margin-left: auto;
	margin-right: auto;
	text-align: center;	

	background-position:center;
	background-size:cover;
	max-width: 900px;
/*	weight:600px ;	display:flex;		justify-content:center;*/
}
.topo {
	display:flex;
	margin-left: auto;
	margin-right: auto;	
    justify-content:center;
	max-width:900px;
	max-height:500px;
/*	flex-direction:column;
	background-color: blue;
	justify-content:space-between;
	max-width:1100px;
	max-height: 0px;
	margin-bottom: 0px;
	text-align: center;
	align-items: center;*/
}
.topo p {
	padding-top: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.jogoversao{
	flex:1;
	display:flex;
/*	padding-left: 5px;*/ 
	flex-direction: column;
	justify-content:left;
	margin-left: 0;
	font-weight: normal;
}
.frase2 {
	font-weight: bold;
	flex:1;
	display:flex;
	padding-right: 5px;

	flex-direction: column;
	justify-content:center;
	font-size: 18px;
}
.login {
	flex:1;
	display:flex;
	padding-right: 5px;
	flex-direction: column;
	justify-content:center;
}

.painel {
	display:flex;	
	margin-left: auto;
	margin-right: auto;	
    justify-content:center;
	max-width:900px;

}
.painel img {
	max-width:500px;
    max-height:500px;
    width: auto;
    height: auto;
}
.jogo1 {
	flex:1;
	display:flex;
	padding-right: 5px;
	flex-direction: column;
	justify-content:center;
/*	background-color: yellow;	background-color: "#ddd";*/
}
.jogo2 {
	flex:1;
	display:flex;
	padding-left: 5px;
	flex-direction: column;
	justify-content:center;
}
.jogo3 {
	flex:1;
	display:flex;
	padding-left: 5px;
	flex-direction: column;
	justify-content:center;
}

@media (max-width:650px) {

	.areatrabalho {
		flex-direction:column;
	}
	.painel {
		flex-direction:column;
	}
	.painel img {
	max-width:300px;
    max-height:300px;
    width: auto;
    height: auto;
	}
	.topo {
		font-size: 12px;
		font-weight: bold;
	}
	.jogo1 {
		padding-bottom: 10px;
		max-height: 300px;
	}
	.jogo2 {
		padding-bottom: 10px;
		max-height: 300px;
	}


}