.modalDialog {
	height: 500px;
} 

@media (max-width: 500px)
{
  .modalDialog
   {
    height: 450px;
   }
}

@media (max-width: 450px)
{
  .modalDialog
   {
    height: 400px;
   }
}

@media (max-width: 400px)
{
  .modalDialog
   {
    height: 350px;
   }
}

@media (max-width: 350px)
{
  .modalDialog
   {
    height: 300px;
   }
}

@media (max-width: 300px)
{
  .modalDialog
   {
    height: 250px;
   }
}

  .modalDialog:target {
    opacity: 1;
    pointer-events: auto;
  }
  .modalDialog > div {
    position: static;
    padding: 0;
    border-radius: 10px;
    background: #fff;
    padding-top: 15px;
  }

  .imagem-pop-up {
    width: 100%;
  }