html,
body {
  height: 100%;
  background-color: #f5f3ed;
	font-family: 'Bitter', serif;
}

body {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  color: #000000;
}

.container {
  max-width: 1080px;
}
p{
	font-size: 26px;
	line-height: 1.8;
	max-width: 75%;
}
.cover-heading{
	color: #ff0000;
	font-size: 88px;
	font-weight: 700;
	margin-top:1em;
	line-height: 1;
}

.lead{
		font-size:39px;
	font-weight: 700;
	margin: 1em 0;
	line-height: 1;
}
/*
 * Header
 */
.masthead {
    margin-bottom: 2rem;
}

.tabela{
	margin: 1.5em auto 0;
}
.font{
	width: 100%;
	text-align: center;
	font-size: 14px;
	font-style: italic;
	margin: -2.5em auto 1.5em;
}

/*
 * Cover
 */
.cover {
  padding: 0 10rem;
}



/*
 * Footer
 */

.mastfoot{
	min-height: 150px;
}
.mastfoot img{
 float: right;
    margin-right: 8.5em;
    margin-top: 8.5em;
    margin-bottom: 8.5em;
}


@media screen and (max-width: 769px) {
	
	.cover{
		padding: 0 2em;
	}
	
	.mastfoot img{
		max-width: 400px;
	}
}

@media screen and (max-width: 480px) {
	.container{
		    max-width: 100%;
    padding: 0;
}
	p{
	max-width: 100%;
		font-size: 22px;
	}
	.cover{
		padding: 0 1em;
	}
	
	.mastfoot img{
		max-width: 400px;
	}
	
	.cover-heading {
    font-size: 54px;

}
	.lead {
    font-size: 30px;
}
	.font {
    margin: 0 auto 1.5em;
    padding: 0 10px;
}
	.mastfoot img {
    max-width: 280px;
    margin-right: 10%;
    margin-top: auto;
    margin-bottom: auto;
}
}