/*
 * Estilo CSS mobile das páginas do sistema
 *
 * @versao: 1.0.1
 * @sistema: Sistema de Ajuda Mútua - Open Master
 *
 * @autor: Émerson Januário da Silva
 * @data: 21/03/2018
 */

/* Smartphone em modo retrato */
@media only screen and (max-width : 480px){
	h1{
	font-size:40px;
	}
	h2{
		font-size:30px;
	}

	div.container{
		width:300px;
		padding:0 10px;
	}
	div.left{
		width:300px;
		height:auto;
	}
	div.right{
		width:300px;
		height:auto;
	}
	div.tres{
		width:300px;
		margin:30px 0;
	}
	div.tres img.tres{
		width:300px;
	}
	div.quatro{
		width:270px;
		margin:15px;
	}
	div.center{
		width:300px;
		margin:40px 0;
	}
	div.center form input{
		width:90%;
	}
	div.center form textarea{
		width:90%;
	}
	div.esconder{
		display:none;
	}
	
	header{
		height:auto;
	}
	
	nav{
		float:left;
		width:300px;
		margin-top:0px;
		padding-top:20px;
		padding-bottom:20px;
		border-top:1px #DDD solid;
	}
	nav ul{
		padding:0;
	}
	nav ul li{
		float:left;
		padding:0;
		margin-right:20px;
		margin-bottom:10px;
	}
	nav ul li a{
		font-size:18px;
		padding:0;
	}
	
	div.above h1{
		margin-top:0;
	}
	
	article h1{
		font-size:30px;
	}
	
	article div.container{
		width:300px;
		padding:30px 10px;
	}
	
	article img.materia{
		max-width:300px;
	}
	
	p.branco{
		font-size:18px;
	{
}
	
	
}
}