#mask {

  position: absolute;

  left: 0;

  top: 0;

  z-index: 9000;

  background-color: #000;

  display: none;

}

#boxes .window {

  position: absolute;

  left: 0;

  top: 0;

  width: 440px;

  height: 200px;

  display: none;

  z-index: 9999;

  text-align: center;

}

@media (min-width: 993px) {

  .modal-mobile {

    display: none;

  }

  #boxes #dialog {

    width: 60%;

    height: auto;

    top: 0 !important;

    bottom: 0 !important;

    display: flex !important;

    justify-content: center;

    flex-direction: column;

  }



  #conteudo img {

    width: 100% !important;

  }

  .btn-fechar {

    margin-top: -2rem;

    float: right;

    background-color: #ff3a53;

    padding: 0.5rem 1rem;

  }

}

@media (max-width: 992px) {

  .modal-desktop{

    display: none;

  }

  #boxes #dialog {

    width: 100%;

    height: auto;

    top: 0 !important;

    left: 0 !important;

    right: 0 !important;

    bottom: 0 !important;

    display: flex !important;

    justify-content: center;

    flex-direction: column;

  }

  .btn-fechar {

    position: absolute;

    right: 25%;

    margin-top: -2rem;

    float: right;

    background-color: #ff3a53;

    padding: 0.5rem 1rem;

  }

}



@media(min-width: 780px) and (max-width: 992px){

    #conteudo img {

      width: 50% !important;

  }



}

@media(min-width: 580px) and (max-width: 779px){

    #conteudo img {

      width: 60% !important;

  }

   .btn-fechar {

    right: 20%;

  }

}

@media(max-width: 579px){

    #conteudo img {

      width: 80% !important;

  }

  .btn-fechar {

    right: 10%;

  }

}

.maintext {

  text-align: center;

  font-family: "Segoe UI", sans-serif;

  text-decoration: none;

}

body {

  background: url("bg.webp");

}

#conteudo {

  font-family: "Segoe UI", sans-serif;

  font-size: 12pt;

}



.btn-fechar a {

  color: #fff;

  font-weight: 700;

}


#boxes #dialog.popup-fim-de-ano{
  width: 100% !important;;
  max-width: 500px !important;;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  margin: auto;
}


#boxes #dialog.popup-fim-de-ano #conteudo{
  width: 100% !important;
}


#boxes #dialog.popup-fim-de-ano #conteudo img {
  width: 100% !important;
}

#boxes #dialog.popup-fim-de-ano #conteudo .btn-fechar{
  right: 0;
}