#banner {
  width: 100%;
  height: 427px;
  background-image: url(/imagens/banner-sobre.png);
  background-position: center center;
  background-size: cover;
}

#direitoSerio {
  margin: 40px 0;
}

#direitoSerio h2 {
  font-size: 34px;
  color: var(--cor-02);
  font-family: 'Noto Serif';
}

#direitoSerio h2::after {
  display: block;
  content: '';
  width: 85px;
  height: 2px;
  background-color: var(--cor-01);
  margin-top: 35px;
}

#direitoSerio p {
  font-size: 16px;
  color: var(--cor-02);
  text-align: justify;
  line-height: 200%;
}

#mvv {
  margin: 40px 0;
  padding: 40px 0;
  background-color: #f9f6ed;

}

#mvv h3 {
  font-family: 'Noto Serif';
  color: var(--cor-01);
  font-size: 22px;
  margin-bottom: 20px;
}

#mvv p {
  font-size: 16px;
  color: var(--cor-02);

}

#mvv .separador {
  margin-top: 50px;
  width: 2px;
  height: 85px;
  background-color: var(--cor-01);
}

#proposito {
  margin-bottom: 120px;
  position: relative;
}

#proposito h3 {
  font-family: 'Noto Serif';
  color: var(--cor-01);
  font-size: 22px;
  margin-bottom: 20px;
}

#proposito h3::after {
  display: block;
  content: '';
  width: 85px;
  height: 2px;
  background-color: var(--cor-01);
  margin-top: 35px;
}

#proposito p {
  font-size: 16px;
  color: var(--cor-02);
  text-align: justify;
  line-height: 200%;
}

#proposito img{
  z-index: 2;
  position: relative;
}
#vetorSobre{
  background-image: url(/imagens/vetor-sobre.png);
  background-position: center center;
  background-size: cover;
  width: 481px;
  height: 362px;
  position: absolute;
  z-index: 1;
  left: 80px;
  top: 200px;
}
/*-lg*/
@media (max-width: 1199.98px) {

}

/*-md*/
@media (max-width: 991.98px) {}

/*-sm*/
@media (max-width: 767.98px) {
  #vetorSobre{
   top: -100px;
  }
}

/*-mobile*/
@media (max-width: 575.98px) {
  #banner {
    height: 350px;
  }
  #vetorSobre {
    top: -83px;
    width: 200px;
    height: 155px;
  }
  
}