html {
  float: left;
  height: 100%;
}
* {
  box-sizing: border-box;
  font-family: roboto, Segoe UI;
}
body {
  /*box-sizing:border-box;*/
  margin: 0px;
  float: left;
  height: 100%;
  position: relative;
  padding-bottom: 30px;
  background-color: #fff;
}
section.conteudo {
  margin-bottom: 5vw;
  float: left;
}
.conteudo h1 {
  /* font-size: 3.5vw; */
  font-size: clamp(1.5rem, 2.5vw, 2.5rem);
  float: left;
  padding: 5px 5vw;
  background-color: transparent;
  width: 100%;
  margin: 0;
  margin-bottom: 5px;
  color: #fff;
  text-align: center;
  height: 10vw;
  line-height: 9vw;
  /* background-image: url("../img/logo-defesa.png"); */
  background-image: url("./img/logopmesp.svg");
  background-position: 5vw center;
  background-size: contain;
  background-repeat: no-repeat;
}
.conteudo h2 {
  /* font-size: 3.8vw; */
  font-size: clamp(1.2rem, 2vw, 2.2rem);
  float: left;
  padding: 0 5vw;
  margin: 0;
  width: 100%;
  text-align: justify;
  color: #444444;
}
.conteudo p,
.conteudo li {
  /* font-size: 3.5vw; */
  font-size: max(1.2rem, 1.5vw);
  margin: 2.5vw 5vw;
  float: left;
  color: #4d4d4f;
  text-align: justify;
}
.conteudo div.hdr {
  float: left;
  text-align: center;
  width: 100%;
  background-color: #444444;
}
.conteudo div.hdr img {
  display: block;
  width: auto;
  margin: 0 5vw;
  float: left;
  height: 10vw;
  padding: 1vw;
}

footer img {
  width: auto;
  height: 7vw;
  float: left;
  margin-left: 5vw;
  margin-right: 1vw;
}
footer {
  color: #4d4d4d;
  width: 100%;
  float: left;
  /* position:fixed; */
  bottom: 0;
  left: 0;
  /* font-size: 2.5vw; */
  font-size: max(1.5vw, 2vw);

  padding: 1vw 10vw 1vw 17vw;
  /* margin: 0px 5vw; */
  text-align: center;
  background-color: #eeeeee;
  border-top: 2px solid #e2e1e1;
  background-image: url("./img/logopmesp.svg");
  background-position: 5vw center;
  background-size: contain;
  background-repeat: no-repeat;
}