@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Exo+2:wght@200;300;400;500&display=swap');

html { height: 100%; }

*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

body {
    -webkit-font-smoothing: antialiased;
    overflow-y: auto;
    overflow-x: hidden;
}
.geral{
	width:100%;
	height:100%;
	left:0;
	display:block;
	text-align:center;
	
}

.logo{
    max-width: 500px;
	width:100%;
    height: auto;
	display:block;
	margin:10% auto;
}
.logo img{
	width:100%;
     max-width: 500px;
	height:auto;	
}

.jogo{
    max-width: 300px;
	width:100%;
    height: auto;
	margin:0 auto;
}
.jogo img{
	width:100%;
     max-width: 300px;
	height:auto;	
}

@media screen and (max-width: 1500px) {
  
}
@media screen and (max-width: 1000px) {
  
}
@media screen and (max-width: 800px) {
    	
}
 
}
@media screen and (max-width: 420px) {


	
}
@media screen and (max-width: 500px) {
  	
	
}
@media screen and (max-width: 320px) {
  
}