@media screen and (max-width:800px){
	body {
		font-size:80%; // achicamos la fuente en pantallas pequeñas
	}
  /*---------------------------*/
  body {
  	font-size:150%;
  }

  /* porcentaje base, solo en el body */
  p {
  	font-size:1em;
    text-align: justify;
  }
  h1 {
  	font-size:2em;
    text-align: center;
  }
  h2 {
  	font-size:2em;
  }
  #pie {
  	font-size:1.2em;
  }
  .epigrafes {
  	font-size:1.1em;
  }
	#button_menu{
		text-align: right;
		width: 200px;
		height: 100px;
	}
	#logo{
		width: 200px;
		height: 90px;
	}
	.contenedor{
		width: 100%;
		font-size: 16px;
	}
	.contenedor4{
		position: relative;
		width: 100%;
		text-align: center;
	}
	.contenedor4 div{
		margin-left: 50px;
	}
	.footer{
		float: left;
		margin-top: auto;
		display:block;
		bottom: 0;
		height: auto;
	}

	/*--------------------*/
	.contenedor2{
		margin-top: auto;
	}
	.menu-main{
			height: auto;
			border-bottom: 0px;
			display: block;
	}
	.menu-main a{
			height: 45px;
			border-bottom: 1px solid #29487d;
	}
	.Informacion p{
		font-size: 24px;
	}

}