/*Portrait*/

@media only screen and (min-width: 0px) and (max-width: 480px) and (orientation: portrait) {
	#medio, #grande{
		display: none;
	}
	.footer {	
		bottom: 0;
		border-top: 1px solid #3CACE3;
		font-size: 0.6em;
		text-align: right;
		position: absolute;
		width: 100%;
		left: 0;
		top: auto;
	}
}

@media only screen and (min-width: 481px) and (max-width:750) and (orientation: portrait) {
	#pequeno, #grande {
		display: none;
	}
	p {
		font-size: 1.359758em;
	}
	.footer {	
		bottom: 0;
		border-top: 1px solid #3CACE3;
		font-size: 0.6em;
		text-align: right;
		position: absolute;
		width: 100%;
		
	}
}

@media only screen and (min-width:751px) and (max-width:1025px) and (orientation: portrait) {  
	#pequeno, #grande{
		display: none;
		width: 100%;
	}

	p {
		font-size: 1.359758em;
	}
	.footer {	
		bottom: 0;
		border-top: 1px solid #3CACE3;
		font-size: 0.625em;
		text-align: right;
		position: absolute;
		display: inline-block;
		width: 100%;
		left: 0;
		top: 990px;
	}
	#medio {
		
		font-size: 1.5em;
	
	}
}
@media only screen and (min-width:1026px) and (orientation: portrait) {
	#pequeno, #medio{
		display: none;
		width: 100%;
	}
	.footer {	
		bottom: 0;
		border-top: 1px solid #3CACE3;
		font-size: 0.625em;
		text-align: right;
		position: absolute;
		width: 100%;
		left: 0;
		top: auto;
	}
}

/*Landscape*/

@media only screen and (min-width: 470px) and (max-width: 650px) and (orientation: landscape) {
	#pequeno, #grande{
		display: none;
		width: 100%;
	}
	.footer {	
		bottom: 0;
		border-top: 1px solid #3CACE3;
		font-size: 0.625em;
		text-align: right;
		position: absolute;
		width: 100%;
		left: 0;
		top: auto;
	}
}

@media only screen and (min-width: 650px) and (max-width:800px) and (orientation: landscape) {
	#pequeno, #grande{
		display: none;
		width: 100%;
	}

	.footer {	
		bottom: 0;
		border-top: 1px solid #3CACE3;
		font-size: 0.625em;
		text-align: right;
		position: absolute;
		width: 100%;
		left: 0;
		top: auto;
	}
	
}

@media only screen and (min-width:801px) and (max-width:1024px) and (orientation: landscape) {  
	#pequeno, #grande{
		display: none;
		width: 100%;
	}
	.footer {	
		bottom: 0;
		border-top: 1px solid #3CACE3;
		font-size: 0.625em;;
		text-align: right;
		position: fixed;
		display: inline-block;
		width: 100%;
		left: 0;
		top: auto;
	}
}

@media only screen and (min-width:1025px) and (orientation: landscape) {
	#pequeno, #medio{
		display: none;
		width: 100px;
	}
	.footer {	
		bottom: 0;
		border-top: 1px solid #3CACE3;
		font-size: 0.625em;
		text-align: right;
		position: absolute;
		width: 100%;
		left: 0;
		top: auto;
	}	
}

body {
	font-size: 10px;
}


#titulo {
	font-size: 2.5em;
	width: 100%;
	height: 50%;
	text-align: center;
	padding:20px;	
}

#grande {
	font-size: 2.5em;
	width: 100%;
	height: 50%;
	text-align: center;
	padding:20px;	
}

#medio {
	font-size: 2.5em;
	width: 100%;
	height: 50%;
	text-align: center;
	padding:20px;
		
}


#pequeno {

	font-size: 2.2em;
	width: 100%;
	height: 50%;
	text-align: center;
	padding:20px;	
}

.separamento {
	padding:10px;
}

.tamanhoTexto {
	font-size:1em;
}

.alinhar {
	text-align: center;
}

#medio {
	min-height: 100%;
	position: relative;
}

.divMeio {
	margin: auto; 
	width:260px; 
	padding-top: 50px; 
	padding-right: 1px; 
	padding-left: 40px; 
	font-size:0.6em;
	padding-bottom: 5px; 
}

h4 {
	font-size: 0.9em;
}