#presenca {
  margin: var(--padding-container);
  position: relative;
}
#presenca .container-fluid {
  max-width: 1053px;
}
#presenca .img-mapa {
  width: 830px;
  height: 812px;
  position: absolute;
  right: 0;
  z-index: 1;
  background-image: url('../../imgs/mapa.png');
  background-size: 100%;
}
#presenca .img-mapa .bolinha {
  width: 55px;
  position: absolute;
  --bolinha1-top:37px;
  --bolinha1-left:177px;
  --bolinha2-top:260px;
  --bolinha2-left:423px;
  --bolinha3-top:389px;
  --bolinha3-left:395px;
  --bolinha4-top:438px;
  --bolinha4-left:627px;
  --bolinha5-top:575px;
  --bolinha5-left:442px;
  --bolinha6-top:595px;
  --bolinha6-left:537px;
}
#presenca .img-mapa .bolinha:nth-child(1) {
  top: var(--bolinha1-top);
  left: var(--bolinha1-left);
}
#presenca .img-mapa .bolinha:nth-child(2) {
  top: var(--bolinha2-top);
  left: var(--bolinha2-left);
}
#presenca .img-mapa .bolinha:nth-child(3) {
  top: var(--bolinha3-top);
  left: var(--bolinha3-left);
}
#presenca .img-mapa .bolinha:nth-child(4) {
  top: var(--bolinha4-top);
  left: var(--bolinha4-left);
}
#presenca .img-mapa .bolinha:nth-child(5) {
  top: var(--bolinha5-top);
  left: var(--bolinha5-left);
}
#presenca .img-mapa .bolinha:nth-child(6) {
  top: var(--bolinha6-top);
  left: var(--bolinha6-left);
}
#presenca .info{
  width: 100%;
}
@media (min-width: 992px) {
  #presenca {
    width: 100%;
    height: 812px;
  }
  #presenca .container-fluid{
    position: relative;
  }
  #presenca .info{
    height: 736px;
    text-align: left;
  }
  #presenca .info .texto{
    max-width: 355px;
    text-align: left;
    z-index: 2;
  }
}
@media (max-width: 991px) {
  #presenca { text-align: center; }
  #presenca .img-mapa {
    width: 664px;
    height: 649.6px;
    position: relative;
    margin: 0 auto;
  }
  #presenca .img-mapa .bolinha {
    width: 44px;
    --bolinha1-top: 29px;
    --bolinha1-left: 142px;
    --bolinha2-top: 208px;
    --bolinha2-left: 337px;
    --bolinha3-top: 311px;
    --bolinha3-left: 316px;
    --bolinha4-top: 350px;
    --bolinha4-left: 502px;
    --bolinha5-top: 459px;
    --bolinha5-left: 354px;
    --bolinha6-top: 475px;
    --bolinha6-left: 430px;
  }
}
@media (max-width: 767px) {
  #presenca .img-fundo{
    height: 536px;
  }
}
@media (max-width: 575px) {
  #presenca .img-fundo{
    height: 436px;
  }
  #presenca .img-mapa {
    width: 332px;
    height: 323.3px;
  }
  #presenca .img-mapa .bolinha {
    width: 22px;
    --bolinha1-top: 15px;
    --bolinha1-left: 71px;
    --bolinha2-top: 104px;
    --bolinha2-left: 169px;
    --bolinha3-top: 156px;
    --bolinha3-left: 158px;
    --bolinha4-top: 175px;
    --bolinha4-left: 251px;
    --bolinha5-top: 231px;
    --bolinha5-left: 177px;
    --bolinha6-top: 239px;
    --bolinha6-left: 215px;
  }
}