/********************************************************/
/************************ MOBILE ************************/
/********************************************************/
@media screen and (max-width: 1100px){
	/*Cabeçalho*/
	.logo-pindo-cie{
		height: 50px;
	}

	.logo-pindo-cie-2{
		height: 150%;
		width:100%
				
	}

	/*Menu redes sociais*/
	.fix-flex{
		width: 100%;
		height: auto;
		flex-flow: row wrap;
		bottom: 0;
	}


	.redes-sociais{
		padding: 10px;
		margin-right: 10px;
		background-color: transparent;
		border-radius: 15px;
		flex-flow: row wrap;
		align-items: center;
	}


	.pad-flex{ 
		padding-bottom: 0; 
		padding-right: 20px; 
	}
}





@media screen and (max-width: 980px){
	/*Geral*/
	.conteudo{
		width: 100%;
	}


	.em{
		margin-bottom: 0.2em;
	}


	.mob-txt{
		display: block;
	}


	.desk{
		display: none;
	}


	/*Cabeçalho*/
	.logo-pindo-cie{
		background-image: url("../img/logo_mobile_pindorama_ciencia.png");
	}

	.logo-pindo-cie-2{
		background-image: url("../img/logo_mobile_pindorama_ciencia.png");
	}

	.menu{
		justify-content:flex-start;
	}
	
	.menu-2{
		width:auto;
		display:flex;
		flex-flow: row wrap;
		justify-content:center;
		background-color: #000;
	}


	.logo{
		width:auto
	}


	.naveg.comp{
		display: none;
	}


	.menu-btn{
		display:flex;
		width: 35px;
		padding: 15px;
		transition: all .2s;
	}


	.menu-btn:hover{
		cursor: pointer;
		color: #00BFFF;
	}


	/*Colunas*/
	.col-dir{
		order: 1;
		width: 90%;
	}


	.col-esq{
		order: 2;
		width: 90%;
	}


	/*Seção de destaques*/
	.prop-list h1{
		font-size: 1.5em;
	}


	.prop-list a{
		font-size: 1em;
	}


	.prop-list li{
		padding: 10px 0;
	}


	/*Redes sociais*/
	.redes{
		width: 100%;
	}


	.girafa{
		width: 100%;
		padding: 2em 0;
	}


	/*Rodapé*/
	.rodape img{
		width: 40%;
	}


	.rodape span{
		width: 80%;
		text-align: center;
	}


	/********************************************************/
	/************** MOBILE - Pindorama Ciência **************/
	/********************************************************/

	/* Cabeçalho */
	.logo-pindo-cie{
		padding: 1.2em 0;
	}


	.logo-pindo-cie span{
		font-size: 10em;
	}

	.logo-pindo-cie-2{
		padding: 5% 0;
	}


	.logo-pindo-cie-2 span{
		font-size: 3em;
	}


	.espp{
		height: 10px;
	}


	/* Artigo */
	.chamada_art .dir a{
		font-size: 1.6em;
	}
}





@media screen and (max-width: 700px){
	/*Página dos autores*/
	.destaques{
		display: none;
	}


	.autores{
		width: 100%;
	}


	.u1{
		width: 50%;
	}


	/*Redes Sociais*/
	.col-red{
		width: 100%;
	}


	.bloc-red.n{
		border-bottom: solid 3px black;
	}


	.col-red img{
		margin-left: 2em;
	}


	/*Página do texto*/
	.texto p{
		width: 100%;
	}


	.genero ul a{
		font-size: 1.5em;
	}


	.menu-text a{
		font-size: 18px;
		padding: 10px;
	}


	/*Seção de propagandas*/
	.prop{
		width: 25%;
	}


	.lnk-prop{
		font-size: 1em;
		padding-top: .5em;
	}


	/*Rodapé*/
	.rodape img{
		width: 60%;
	}


	.rodape span{
		font-size: 1em;
	}


	/*Artigo*/
	.par-art.x{
		width: 100%;
		padding: 0px 20px;
	}

	.par-art.x a{
		display: inline-block;
	}

	.artigo{
		width: 90%;
	}

	.chamada_art .dir a{
		font-size: 1.4em;
	}
}