#titulo{
	font-family: "Noto Sans", sans-serif; 
	font-size: 40px; 
	margin: 0px;
	text-decoration: underline;
}
#texto{
	display: flow-root;
	font-family: "Noto Sans", sans-serif; 
	font-size: 2%; 
	margin-top: 20px;
	margin-left: 5%;
	margin-right: 5%;
	margin-bottom: 30px;				
}

@media (max-width: 767px){
	
	#titulo{
		
		font-size: 144%; 
		margin-top: 10px;
	}
	
	#texto{
		margin-left: 10%;
		margin-right: 10%;
		margin-top: 8px;
		font-size: 120%; 				
	}


}

@media (max-width: 767px) and (orientation: landscape){
	
	#titulo{
		font-size: 160%;
		margin-top: 20px;
	}
	
	#texto{
		display: flow-root;
		font-family: "Noto Sans", sans-serif;
		font-size: 115%; 
		margin-top: 12px;
					
	}


}

@media (min-width: 768px){

	#texto{
		font-size: 105%; 
		margin-left: 10%;
		margin-right: 10%;
		margin-top: 10px;				
	}

	#titulo{ 
		font-size: 30px;
		margin-top: 20px;
	}

}

@media (min-width: 768px) and (orientation: landscape){

	#texto{
		font-size: 115%; 
		margin-left: 10%;
		margin-right: 10%;
		margin-top: 10px;				
	}

	#titulo{ 
		font-size: 30px;
		margin-top: 20px;
	}
}


@media (min-width: 1300px){

	#texto{
		font-size: 100%; 
		margin-left: 10%;
		margin-right: 10%;	
		margin-top: 10px;				
	}

	#titulo{ 
		font-size: 30px;
		margin-top: 20px;
	}

}