/* FUNDO DAS PÁGINAS */
	body {
	font-family: Arial;
	overflow: hidden;
	}

	a:link, a:visited, a:hover, a:active {
  text-decoration: none;
}

	.logo{
	  width: 12.5%; 
	  float: left;  
	}

	.logo img{
	  /*width: 100%;*/
	  max-width: 97%; /* Garante que a imagem nunca exceda a largura do seu contêiner */
    height: auto; /* Mantém a proporção da imagem */	  
	}

	.logo_pepcv{
	  width: 12.5%;
	  float: left;  
	  margin: 5px; 
	  padding: 5px;  
	}

	.logo_pepcv img{
	  /*width: 35%;*/
	  max-width: 97%; /* Garante que a imagem nunca exceda a largura do seu contêiner */
    height: auto; /* Mantém a proporção da imagem */	  
	}


	.brasao{
	 width: 12.5%;
	  float: left;  
	  text-align: right;
	}

	.brasao img{
	  max-width: 97%; /* Garante que a imagem nunca exceda a largura do seu contêiner */
    height: auto; /* Mantém a proporção da imagem */		
	  /*width: 55%;*/
	}

	/* LINHA */
	.row:after {
	  content: "";
	  display: table;
	  clear: both;
	}

	/* Create two equal columns that floats next to each other */

	.roda {
	  position: fixed;
	  float: left;
	  width: 99%;
	  bottom: 0;
	}

	.column_T100 {
	  float: left;
	  display: flex;  	  
	  width: 99%;
	  border-radius: 15px;   
	  background: rgba(0, 100, 0, 0.2);
	  margin: 5px; 
	  padding: 5px;    
	}


	.column_e10 {
	  float: left;
	  position: relative;
	  display: flex;  
	  width:20%;
	  padding: 5px;    
	}

	.column_e10 img{
	  border: 10px solid rgba(255, 255, 255, 1.0);
		border-radius: 15px;   
	  /*width: 65%;*/
	  max-width: 97%; /* Garante que a imagem nunca exceda a largura do seu contêiner */
    height: auto; /* Mantém a proporção da imagem */
    margin: 5px; 
	}

	.column_d10 {
	  float: left;
	  position: relative;
	  display: flex;  
  	align-items: center;    /* Alinha verticalmente */	  
	  width: 55%;
	  margin: 15px; 
  	padding: 5px; 
	  border-radius: 15px;   
	  background: rgba(0, 100, 0, 0.2);  
	  border: 10px solid rgba(255, 255, 255, 1.0);	
	}

	.column_d10 h1{
	  font-size: 45px;
	  font-weight: bold;
	  font-family: Arial Black;
	}

	.column_l10 {
	  float: left;
	  position: relative;
	  display: flex; 
		align-items: flex-end; 	  
	  text-align: right; 
	  width: 20%;
  	padding: 5px;   
	}

	.column_l10 img{
		border-radius: 15px;   
	  /*width: 55%;*/
	  max-width: 97%; /* Garante que a imagem nunca exceda a largura do seu contêiner */
    height: auto; /* Mantém a proporção da imagem */	  
	}

	/* SCORE */
	.div_score {
	  float: right;  
	  width: 12.5%;
	  height: 95%;
	  border-radius: 15px;   
	  background: rgba(238, 232, 170, 0.75);
	  margin: 5px; 
	  padding: 5px;  
	}

	.up_score {
	    margin-top: 5px;
	    margin-bottom: 5px;
	    text-align: center;
	    height: 35px;  
	    border-radius: 15px 15px 0px 0px;    
	}

	.down_score {
	    float: left;
	    text-align: center;
	    width: 99%;
	    background: rgba(152, 251, 152, 0.75);
	    border-radius: 0px 0px 10px 10px;    
	}

	.up_score h2{
	  font-size: 22px;
	  color: rgba(0,0,0, 1.0);
	}

/* PERGUNTA X RESPOSTA*/
.pergunta {
    float: left;
    width: 70%;
    text-align: center;
  	margin: 5px; 
  	padding: 5px; 
}

.pergunta h2{
  color: rgba(60, 179, 113, 1.0);
  margin: 5px; 
  padding: 5px;
  font-size: 65px;
  font-family: Arial;
  font-weight: bold;
  text-shadow: 2px 2px 2px rgba(0, 0, 225, 0.5);
}


/* BOTÃO PRÓXIMO*/
.prox {
  position: fixed;
  right: 10;
  float: left;
  border-radius: 30px;   
}

.prox img { 
  /*width: 97%;*/
	max-width: 97%; /* Garante que a imagem nunca exceda a largura do seu contêiner */
  height: auto; /* Mantém a proporção da imagem */  
  border-radius: 15px;   
}


/* TELA ATÉ 1920 PIXELS*/
@media screen and (max-width: 1920px) {
  .pergunta h2{
    color: rgba(60, 179, 113, 1.0);
    margin: 5px; 
    padding: 5px;
    font-size: 65px;
    font-family: Arial;
    font-weight: bold;
    text-shadow: 2px 2px 2px rgba(0, 0, 225, 0.5);
  }

  .logo_pepcv img{
	  /*height: 90%;*/
	  max-width: 97%; /* Garante que a imagem nunca exceda a largura do seu contêiner */
    height: auto; /* Mantém a proporção da imagem */	  
	}
} 

/* TELA ATÉ 1440 PIXELS */ 
@media screen and (max-width: 1440px) {
  .pergunta h2{
    color: rgba(60, 179, 113, 1.0);
    margin: 5px; 
    padding: 5px;
    font-size: 50px;
    font-family: Arial;
    font-weight: bold;
    text-shadow: 2px 2px 2px rgba(0, 0, 225, 0.5);
  }

  .logo_pepcv img{
	  /*height: 90%;*/
	  max-width: 97%; /* Garante que a imagem nunca exceda a largura do seu contêiner */
    height: auto; /* Mantém a proporção da imagem */	  
	}
}

/* TELA ATÉ 1280 PIXELS */ 
@media screen and (max-width: 1280px) {
  .pergunta h2{
    color: rgba(60, 179, 113, 1.0);
    margin: 5px; 
    padding: 5px;
    font-size: 35px;
    font-family: Arial;
    font-weight: bold;
    text-shadow: 2px 2px 2px rgba(0, 0, 225, 0.5);
  }

	.column_T100 {
	  float: left;
	  display: flex;  	  
	  width: 99%;
	  border-radius: 15px;   
	  background: rgba(0, 100, 0, 0.2);
	  margin: 5px; 
	  padding: 5px;    
	}

	.column_e10 {
	  width:20%;
	  padding: 5px;    
	}

	.column_e10 img{
	  border: 10px solid rgba(255, 255, 255, 1.0);
		border-radius: 15px;   
	  /*width: 85%;*/
	  max-width: 97%; /* Garante que a imagem nunca exceda a largura do seu contêiner */
    height: auto; /* Mantém a proporção da imagem */	  
	  margin: 5px; 
	}

	.column_d10 {
	  width: 55%;
	  margin: 15px; 
  	padding: 5px; 
	  border-radius: 15px;   
	  background: rgba(0, 100, 0, 0.2);  
	  border: 10px solid rgba(255, 255, 255, 1.0);	
	}

	.column_d10 h1{
	  font-size: 35px;
	}

	.column_l10 {
	  width: 20%;
  	padding: 5px;   
	}

	.column_l10 img{
		border-radius: 15px;   
	  /*width: 55%;*/
	  max-width: 97%; /* Garante que a imagem nunca exceda a largura do seu contêiner */
    height: auto; /* Mantém a proporção da imagem */	  
	}

  .logo_pepcv img{
	  /*height: 80%;*/
	  max-width: 97%; /* Garante que a imagem nunca exceda a largura do seu contêiner */
    height: auto; /* Mantém a proporção da imagem */	  
	}
}

/* TELA ATÉ 1080 PIXELS */ 
@media screen and (max-width: 1080px) {
  .pergunta h2{
    color: rgba(60, 179, 113, 1.0);
    margin: 3px; 
    padding: 3px;
    font-size: 25px;
    font-family: Arial;
    font-weight: bold;
    text-shadow: 2px 2px 2px rgba(0, 0, 225, 0.5);
  }

  .column_T100 {
	  float: left;
	  display: flex;  	  
	  width: 99%;
	  border-radius: 15px;   
	  background: rgba(0, 100, 0, 0.2);
	  margin: 3px; 
	  padding: 3px;    
	}

	.column_e10 {
	  width:20%;
	  padding: 3px;    
	}

	.column_e10 img{
	  border: 10px solid rgba(255, 255, 255, 1.0);
		border-radius: 15px;   
	  /*width: 85%;*/
	  max-width: 97%; /* Garante que a imagem nunca exceda a largura do seu contêiner */
    height: auto; /* Mantém a proporção da imagem */	  
	  margin: 3px; 
	}

	.column_d10 {
	  width: 55%;
	  margin: 3px; 
  	padding: 3px; 
	  border-radius: 15px;   
	  background: rgba(0, 100, 0, 0.2);  
	  border: 10px solid rgba(255, 255, 255, 1.0);	
	}

	.column_d10 h1{
	  font-size: 25px;
	}

	.column_l10 {
	  width: 20%;
  	padding: 3px;   
	}

	.column_l10 img{
		border-radius: 15px;   
	  /*width: 55%;*/
	  max-width: 97%; /* Garante que a imagem nunca exceda a largura do seu contêiner */
    height: auto; /* Mantém a proporção da imagem */	  
	}

  .logo_pepcv img{
	  /*height: 70%;*/
	  max-width: 97%; /* Garante que a imagem nunca exceda a largura do seu contêiner */
    height: auto; /* Mantém a proporção da imagem */	  
	}	
}


/* TELA ATÉ 840 PIXELS */ 
@media screen and (max-width: 840px) {
  .pergunta h2{
    color: rgba(60, 179, 113, 1.0);
    margin: 3px; 
    padding: 3px;
    font-size: 20px;
    text-shadow: 2px 2px 2px rgba(0, 0, 225, 0.5);
  }

  .column_T100 {
	  float: left;
	  display: flex;  	  
	  width: 99%;
	  border-radius: 15px;   
	  background: rgba(0, 100, 0, 0.2);
	  margin: 3px; 
	  padding: 3px;    
	}

	.column_e10 {
	  width:20%;
	  padding: 3px;    
	}

	.column_e10 img{
	  border: 10px solid rgba(255, 255, 255, 1.0);
		border-radius: 15px;   
	  /*width: 85%;*/
	  max-width: 97%; /* Garante que a imagem nunca exceda a largura do seu contêiner */
    height: auto; /* Mantém a proporção da imagem */	  
	  margin: 3px; 
	}

	.column_d10 {
	  width: 55%;
	  margin: 3px; 
  	padding: 3px; 
	  border-radius: 15px;   
	  background: rgba(0, 100, 0, 0.2);  
	  border: 10px solid rgba(255, 255, 255, 1.0);	
	}

	.column_d10 h1{
	  font-size: 25px;
	}

	.column_l10 {
	  width: 20%;
  	padding: 3px;   
	}

	.column_l10 img{
		border-radius: 15px;   
	  /*width: 55%;*/
	  max-width: 97%; /* Garante que a imagem nunca exceda a largura do seu contêiner */
    height: auto; /* Mantém a proporção da imagem */	  
	}  

  .logo_pepcv img{
	  /*height: 70%;*/
	  max-width: 97%; /* Garante que a imagem nunca exceda a largura do seu contêiner */
    height: auto; /* Mantém a proporção da imagem */	  
	}		
}