html {
  font-size: 10px; /* Define a fonte BASE para o documento */
  text-align: ;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

h1 {
  font-size: 3rem; /* 3 * 16px = 48px ---------- ou seja ele multiplica só eu nã opreciso mudar todos */
  text-align: center;
} 

p {
  font-size: 1.4rem; /* 1 * 16px = 16px */
}






/* Usando media query para ajustar a fonte base para mobile */
@media (max-width: 768px) {
  html {
    font-size: 9px; /* Isso fará com que todos os 'rem' escalem proporcionalmente */
  }
}





/* ---------------------------------------------
----------------Texto------------------------- */














.copy {
	font-family: Arial;
	font-size: 12px;
	color: #999999;
	font-style: ;
	font-weight: ;	
}

.copy_branco {
	font-family: Arial;
	font-size: 12px;
	color: #999999;
	font-style: ;
	font-weight: ;	
}


.geral_vermelho {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #f00;
	font-style: ;
	font-weight: bolder;	
}



.clientes {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	font-style: ;
	font-weight: bolder;	
}


.descricao_fotos {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #e5e5e5;
	font-style: ;
	font-weight: bold;	
}



.descricao_fotos_preto {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	font-style: ;
	font-weight: bold;	
}



.texto_geral {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	font-style: ;
	font-weight: bolder;	
}


.texto_geral_preto {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-style: ;
	font-weight: bolder;	
}

.texto_destaque {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #ffffff;
	font-style: ;
	font-weight: bolder;	
}


.titulo_preto {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #000;
	font-style: ;
	font-weight: bolder;	
}




.menu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	font-style: ;
	font-weight: bolder;	
}


.menu_preto {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	font-style: ;
	font-weight: bolder;	
}





.logobioartes {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7px;
	color: #cccccc;
	font-style: ;
	font-weight: ;	
}




a {
	font-size: 14px;
	color: #f00;
}
a:visited {
	color: #f00;
}
a:hover {
	color: #f00;
}
a:hover {
	text-decoration: ;
}
a:active {
	color: #000;
}