/*	
	Função que converte o tamanho da fonte para "em"
	@obj: O valor que será convertido em "em"
	@ctx: O tamanho da fonte do elemento pai que contém o elemento que possui a fonte @obj
	@return: O temanho da fonte em "em"
*/
#pagina_nao_encontrada {
  text-align: center;
  position: relative;
  padding-bottom: 105px;
  background: url("../imagens/fundo-branco-index.jpg");
}
#pagina_nao_encontrada img {
  margin: 0 auto 0;
  position: absolute;
  left: 50%;
  bottom: 342px;
  transform: translateX(-50%);
}
#pagina_nao_encontrada .conteudo_texto {
  border: 5px solid rgba(216, 46, 50, 0.5);
  width: 100%;
  max-width: 780px;
  margin: 320px auto 40px;
  padding-top: 230px;
}
#pagina_nao_encontrada .conteudo_texto .Ops {
  display: block !important;
}
#pagina_nao_encontrada .conteudo_texto .msgm_erro {
  font-family: 'lobster_1.4regular';
  font-size: 6em;
  color: #d82e32;
  display: inline-block;
  background: url("../imagens/fundo-branco-index.jpg");
  position: relative;
  bottom: -38px;
}
#pagina_nao_encontrada .clique {
  font-size: 1.8em;
  color: #469ed3;
  font-family: 'signikasemibold';
  text-transform: uppercase;
  text-decoration: underline;
}
@media all and (max-width: 630px) {
  #pagina_nao_encontrada .conteudo_texto .msgm_erro {
    font-size: 5em;
  }
}
@media all and (max-width: 570px) {
  #pagina_nao_encontrada .conteudo_texto {
    border: none;
  }
}
@media all and (max-width: 500px) {
  #pagina_nao_encontrada img {
    width: 80%;
    bottom: 275px;
  }
  #pagina_nao_encontrada .conteudo_texto {
    padding-top: 75px;
  }
  #pagina_nao_encontrada .conteudo_texto .msgm_erro {
    font-size: 4em;
  }
}
@media all and (max-width: 400px) {
  #pagina_nao_encontrada img {
    width: 90%;
  }
  #pagina_nao_encontrada .conteudo_texto {
    padding-top: 10px;
  }
  #pagina_nao_encontrada .conteudo_texto .msgm_erro {
    font-size: 3em;
  }
  #pagina_nao_encontrada .clique {
    font-size: 1.3em;
  }
}
