html {
  font-size: 10px;
}

.container {
	width:1400px;
	margin:0px auto;
	font-size:1em;
}

body {
	font-size: 80%;
}

h1 {
	line-height: 100%;
	font-size: 4.00em;
	font-family: Segoe IU, Helvetica, Verdana, sans-serif;
	color: blue;
}
h2 {
	line-height: 100%;
	font-size: 3.5em;
	font-family: Segoe IU, Helvetica, Verdana, sans-serif;
	color: blue;
}
h3 {
	font: caption;
	line-height: 100%;
	font-size: 1.75em;
	font-family: Segoe IU, Helvetica, Verdana, sans-serif;
	color: blue;
}
li {
	font-size: 1.5em;
	font-family: Segoe UI, Helvetica, Verdana, sans-serif;
}

p {
	font-size: 0.80em;
	font-family: Segoe IU, Helvetica, Verdana, Helvetica, sans-serif;
}

a {
	font-size: 1.00em;
	font-family: Segoe UI, Helvetica, Verdana, sans-serif;
}

b {
	font-size: 1.10em;
	font-family: Segoe UI, Helvetica, Verdana, sans-serif;
	color: blue;
}

#pie {
	font-size:1.2em;
	font-family: Verdanaa, sans-serif;
}
.epigrafes {
	font-size:1.1em;
	font-family: Verdana, sans-serif;
}

/* para 980px o menos */
@media screen and (max-width:980px) {
	.container {
		width: 90%;
	}
	.pie{
		width: 100%
	}
}

/* para 700px o menos */
@media screen and (max-width:700px) {
	.container {
		width:80%;
	}
	.pie{
		width: 100%
	}
}

/* para 480px o menos */
@media screen and (max-width:480px) {
	.container {
		width:70%;
	}
	.pie{
		width: 100%
	}
}