/*ModelUp Images POPUP*/

.modal-dialog {
  max-height: 100vh;
  max-width: 100vw;

}

.forModel-Img{
    height: auto;
    width: 300px;
  }
  
  .forModel-Img:hover{
    transform: scale(1.10);
  }
  
  .forModel-Img img{
    height: auto;
    max-width: 100% ;
    border: 3px solid #042C6A;
    cursor: pointer;
  }
  
  .forModel-Img img:hover{
    border: 3px solid #BDE549;
  }
  
  #modalUp .modal-dialog {
    margin-left: 0;
    margin-right: 0;
    max-width: none;
    display: flex;
    justify-content: center;
  }
  
  #modalUp .modal-content {
    height: auto;
    width: 25vw;
  }
  
    @media (max-width:768px) {
      .forModel-Img{  
        height: auto;
        width: auto;
      }
  
      .forModel-Img:hover{
        transform: scale(1.05);
      }
  
      #educacao-ambiental #modalUp .modal-content {
        height: auto;
        width: 99vw;
      }

      #modalUp .modal-content {
      height: auto;
      width: 90vw;
    }
  }